#C66BA1 - #FD8C9D | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #C66BA1 to #FD8C9D

#C66BA1 #FD8C9D

Calculate the color between two colors, #C66BA1 and #FD8C9D. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#C66BA1 - #FD8C9D | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #C66BA1 as 0% and #FD8C9D as 100%.

0.0%	0.0% #C66BA1	RGB 198 107 161	#C66BA1
16.7%	16.7% #CF70A0	RGB 207 112 160	#CF70A0
33.3%	33.3% #D8769F	RGB 216 118 159	#D8769F
50.0%	50.0% #E17B9F	RGB 225 123 159	#E17B9F
66.7%	66.7% #EA819E	RGB 234 129 158	#EA819E
83.3%	83.3% #F3869D	RGB 243 134 157	#F3869D
100.0%	100.0% #FD8C9D	RGB 253 140 157	#FD8C9D

#C66BA1 #CF70A0 #D8769F #E17B9F #EA819E #F3869D #FD8C9D

#C66BA1 - #FD8C9D

HSV Blend

#C66BA1 - #FD8C9D | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #C66BA1 as 0% and #FD8C9D as 100%.

0.0%	0.0% #C66BA1	RGB 198 107 161	#C66BA1
16.7%	16.7% #CF70A1	RGB 207 112 161	#CF70A1
33.3%	33.3% #D875A1	RGB 216 117 161	#D875A1
50.0%	50.0% #E17BA1	RGB 225 123 161	#E17BA1
66.7%	66.7% #EA80A0	RGB 234 128 160	#EA80A0
83.3%	83.3% #F3869E	RGB 243 134 158	#F3869E
100.0%	100.0% #FD8C9D	RGB 253 140 157	#FD8C9D

#C66BA1 #CF70A1 #D875A1 #E17BA1 #EA80A0 #F3869E #FD8C9D

#C66BA1 - #E17BA1 - #FD8C9D

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #C66BA1 0%, #FD8C9D 100%);
    background: -webkit-linear-gradient(top, #C66BA1 0%, #FD8C9D 100%);
    background: linear-gradient(to bottom, #C66BA1 0%, #FD8C9D 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C66BA1 0%, #E17BA1 50%, #FD8C9D 100%);
    background: -webkit-linear-gradient(top, #C66BA1 0%, #E17BA1 50%, #FD8C9D 100%);
    background: linear-gradient(to bottom, #C66BA1 0%, #E17BA1 50%, #FD8C9D 100%);
}
</style>