#CF90A2 - #FFD9BA | 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 #CF90A2 to #FFD9BA

#CF90A2 #FFD9BA

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

#CF90A2 - #FFD9BA | 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 #CF90A2 as 0% and #FFD9BA as 100%.

0.0%	0.0% #CF90A2	RGB 207 144 162	#CF90A2
16.7%	16.7% #D79CA6	RGB 215 156 166	#D79CA6
33.3%	33.3% #DFA8AA	RGB 223 168 170	#DFA8AA
50.0%	50.0% #E7B4AE	RGB 231 180 174	#E7B4AE
66.7%	66.7% #EFC0B2	RGB 239 192 178	#EFC0B2
83.3%	83.3% #F7CCB6	RGB 247 204 182	#F7CCB6
100.0%	100.0% #FFD9BA	RGB 255 217 186	#FFD9BA

#CF90A2 #D79CA6 #DFA8AA #E7B4AE #EFC0B2 #F7CCB6 #FFD9BA

#CF90A2 - #FFD9BA

HSV Blend

#CF90A2 - #FFD9BA | 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 #CF90A2 as 0% and #FFD9BA as 100%.

0.0%	0.0% #CF90A2	RGB 207 144 162	#CF90A2
16.7%	16.7% #D796A1	RGB 215 150 161	#D796A1
33.3%	33.3% #DF9DA0	RGB 223 157 160	#DF9DA0
50.0%	50.0% #E7AAA4	RGB 231 170 164	#E7AAA4
66.7%	66.7% #EFB9AB	RGB 239 185 171	#EFB9AB
83.3%	83.3% #F7C9B2	RGB 247 201 178	#F7C9B2
100.0%	100.0% #FFD9BA	RGB 255 217 186	#FFD9BA

#CF90A2 #D796A1 #DF9DA0 #E7AAA4 #EFB9AB #F7C9B2 #FFD9BA

#CF90A2 - #E7AAA4 - #FFD9BA

CSS codes

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

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