#F8D4D6 - #CD868D | 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 #F8D4D6 to #CD868D

#F8D4D6 #CD868D

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

#F8D4D6 - #CD868D | 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 #F8D4D6 as 0% and #CD868D as 100%.

0.0%	0.0% #F8D4D6	RGB 248 212 214	#F8D4D6
16.7%	16.7% #F0C7C9	RGB 240 199 201	#F0C7C9
33.3%	33.3% #E9BABD	RGB 233 186 189	#E9BABD
50.0%	50.0% #E2ADB1	RGB 226 173 177	#E2ADB1
66.7%	66.7% #DBA0A5	RGB 219 160 165	#DBA0A5
83.3%	83.3% #D49399	RGB 212 147 153	#D49399
100.0%	100.0% #CD868D	RGB 205 134 141	#CD868D

#F8D4D6 #F0C7C9 #E9BABD #E2ADB1 #DBA0A5 #D49399 #CD868D

#F8D4D6 - #CD868D

HSV Blend

#F8D4D6 - #CD868D | 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 #F8D4D6 as 0% and #CD868D as 100%.

0.0%	0.0% #F8D4D6	RGB 248 212 214	#F8D4D6
16.7%	16.7% #F0C5C8	RGB 240 197 200	#F0C5C8
33.3%	33.3% #E9B8BB	RGB 233 184 187	#E9B8BB
50.0%	50.0% #E2AAAF	RGB 226 170 175	#E2AAAF
66.7%	66.7% #DB9EA3	RGB 219 158 163	#DB9EA3
83.3%	83.3% #D49197	RGB 212 145 151	#D49197
100.0%	100.0% #CD868D	RGB 205 134 141	#CD868D

#F8D4D6 #F0C5C8 #E9B8BB #E2AAAF #DB9EA3 #D49197 #CD868D

#F8D4D6 - #E2AAAF - #CD868D

CSS codes

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

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