#F2DADB - #CA898B | 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 #F2DADB to #CA898B

#F2DADB #CA898B

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

#F2DADB - #CA898B | 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 #F2DADB as 0% and #CA898B as 100%.

0.0%	0.0% #F2DADB	RGB 242 218 219	#F2DADB
16.7%	16.7% #EBCCCD	RGB 235 204 205	#EBCCCD
33.3%	33.3% #E4BFC0	RGB 228 191 192	#E4BFC0
50.0%	50.0% #DEB1B3	RGB 222 177 179	#DEB1B3
66.7%	66.7% #D7A4A5	RGB 215 164 165	#D7A4A5
83.3%	83.3% #D09698	RGB 208 150 152	#D09698
100.0%	100.0% #CA898B	RGB 202 137 139	#CA898B

#F2DADB #EBCCCD #E4BFC0 #DEB1B3 #D7A4A5 #D09698 #CA898B

#F2DADB - #CA898B

HSV Blend

#F2DADB - #CA898B | 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 #F2DADB as 0% and #CA898B as 100%.

0.0%	0.0% #F2DADB	RGB 242 218 219	#F2DADB
16.7%	16.7% #EBCBCC	RGB 235 203 204	#EBCBCC
33.3%	33.3% #E4BDBE	RGB 228 189 190	#E4BDBE
50.0%	50.0% #DEAFB0	RGB 222 175 176	#DEAFB0
66.7%	66.7% #D7A2A3	RGB 215 162 163	#D7A2A3
83.3%	83.3% #D09597	RGB 208 149 151	#D09597
100.0%	100.0% #CA898B	RGB 202 137 139	#CA898B

#F2DADB #EBCBCC #E4BDBE #DEAFB0 #D7A2A3 #D09597 #CA898B

#F2DADB - #DEAFB0 - #CA898B

CSS codes

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

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