#C09DC1 - #FEFFBF | 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 #C09DC1 to #FEFFBF

#C09DC1 #FEFFBF

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

#C09DC1 - #FEFFBF | 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 #C09DC1 as 0% and #FEFFBF as 100%.

0.0%	0.0% #C09DC1	RGB 192 157 193	#C09DC1
16.7%	16.7% #CAADC0	RGB 202 173 192	#CAADC0
33.3%	33.3% #D4BDC0	RGB 212 189 192	#D4BDC0
50.0%	50.0% #DFCEC0	RGB 223 206 192	#DFCEC0
66.7%	66.7% #E9DEBF	RGB 233 222 191	#E9DEBF
83.3%	83.3% #F3EEBF	RGB 243 238 191	#F3EEBF
100.0%	100.0% #FEFFBF	RGB 254 255 191	#FEFFBF

#C09DC1 #CAADC0 #D4BDC0 #DFCEC0 #E9DEBF #F3EEBF #FEFFBF

#C09DC1 - #FEFFBF

HSV Blend

#C09DC1 - #FEFFBF | 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 #C09DC1 as 0% and #FEFFBF as 100%.

0.0%	0.0% #C09DC1	RGB 192 157 193	#C09DC1
16.7%	16.7% #CBA3BE	RGB 203 163 190	#CBA3BE
33.3%	33.3% #D5A9B8	RGB 213 169 184	#D5A9B8
50.0%	50.0% #E0AEAF	RGB 224 174 175	#E0AEAF
66.7%	66.7% #EAC6B4	RGB 234 198 180	#EAC6B4
83.3%	83.3% #F4E1B9	RGB 244 225 185	#F4E1B9
100.0%	100.0% #FEFFBF	RGB 254 255 191	#FEFFBF

#C09DC1 #CBA3BE #D5A9B8 #E0AEAF #EAC6B4 #F4E1B9 #FEFFBF

#C09DC1 - #E0AEAF - #FEFFBF

CSS codes

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

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