#F3C2D4 - #CA668B | 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 #F3C2D4 to #CA668B

#F3C2D4 #CA668B

Calculate the color between two colors, #F3C2D4 and #CA668B. 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)

#F3C2D4 - #CA668B | 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 #F3C2D4 as 0% and #CA668B as 100%.

0.0%	0.0% #F3C2D4	RGB 243 194 212	#F3C2D4
16.7%	16.7% #ECB2C7	RGB 236 178 199	#ECB2C7
33.3%	33.3% #E5A3BB	RGB 229 163 187	#E5A3BB
50.0%	50.0% #DE94AF	RGB 222 148 175	#DE94AF
66.7%	66.7% #D784A3	RGB 215 132 163	#D784A3
83.3%	83.3% #D07597	RGB 208 117 151	#D07597
100.0%	100.0% #CA668B	RGB 202 102 139	#CA668B

#F3C2D4 #ECB2C7 #E5A3BB #DE94AF #D784A3 #D07597 #CA668B

#F3C2D4 - #CA668B

HSV Blend

#F3C2D4 - #CA668B | 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 #F3C2D4 as 0% and #CA668B as 100%.

0.0%	0.0% #F3C2D4	RGB 243 194 212	#F3C2D4
16.7%	16.7% #ECB0C6	RGB 236 176 198	#ECB0C6
33.3%	33.3% #E5A0B9	RGB 229 160 185	#E5A0B9
50.0%	50.0% #DE90AD	RGB 222 144 173	#DE90AD
66.7%	66.7% #D781A1	RGB 215 129 161	#D781A1
83.3%	83.3% #D07396	RGB 208 115 150	#D07396
100.0%	100.0% #CA668B	RGB 202 102 139	#CA668B

#F3C2D4 #ECB0C6 #E5A0B9 #DE90AD #D781A1 #D07396 #CA668B

#F3C2D4 - #DE90AD - #CA668B

CSS codes

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

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