#F2D9EE - #C08BA8 | 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 #F2D9EE to #C08BA8

#F2D9EE #C08BA8

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

#F2D9EE - #C08BA8 | 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 #F2D9EE as 0% and #C08BA8 as 100%.

0.0%	0.0% #F2D9EE	RGB 242 217 238	#F2D9EE
16.7%	16.7% #E9CCE2	RGB 233 204 226	#E9CCE2
33.3%	33.3% #E1BFD6	RGB 225 191 214	#E1BFD6
50.0%	50.0% #D9B2CB	RGB 217 178 203	#D9B2CB
66.7%	66.7% #D0A5BF	RGB 208 165 191	#D0A5BF
83.3%	83.3% #C898B3	RGB 200 152 179	#C898B3
100.0%	100.0% #C08BA8	RGB 192 139 168	#C08BA8

#F2D9EE #E9CCE2 #E1BFD6 #D9B2CB #D0A5BF #C898B3 #C08BA8

#F2D9EE - #C08BA8

HSV Blend

#F2D9EE - #C08BA8 | 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 #F2D9EE as 0% and #C08BA8 as 100%.

0.0%	0.0% #F2D9EE	RGB 242 217 238	#F2D9EE
16.7%	16.7% #E9CAE3	RGB 233 202 227	#E9CAE3
33.3%	33.3% #E1BDD7	RGB 225 189 215	#E1BDD7
50.0%	50.0% #D9AFCC	RGB 217 175 204	#D9AFCC
66.7%	66.7% #D0A3C0	RGB 208 163 192	#D0A3C0
83.3%	83.3% #C896B4	RGB 200 150 180	#C896B4
100.0%	100.0% #C08BA8	RGB 192 139 168	#C08BA8

#F2D9EE #E9CAE3 #E1BDD7 #D9AFCC #D0A3C0 #C896B4 #C08BA8

#F2D9EE - #D9AFCC - #C08BA8

CSS codes

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

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