#CDAFAC - #C9FFC7 | 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 #CDAFAC to #C9FFC7

#CDAFAC #C9FFC7

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

#CDAFAC - #C9FFC7 | 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 #CDAFAC as 0% and #C9FFC7 as 100%.

0.0%	0.0% #CDAFAC	RGB 205 175 172	#CDAFAC
16.7%	16.7% #CCBCB0	RGB 204 188 176	#CCBCB0
33.3%	33.3% #CBC9B5	RGB 203 201 181	#CBC9B5
50.0%	50.0% #CBD7B9	RGB 203 215 185	#CBD7B9
66.7%	66.7% #CAE4BE	RGB 202 228 190	#CAE4BE
83.3%	83.3% #C9F1C2	RGB 201 241 194	#C9F1C2
100.0%	100.0% #C9FFC7	RGB 201 255 199	#C9FFC7

#CDAFAC #CCBCB0 #CBC9B5 #CBD7B9 #CAE4BE #C9F1C2 #C9FFC7

#CDAFAC - #C9FFC7

HSV Blend

#CDAFAC - #C9FFC7 | 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 #CDAFAC as 0% and #C9FFC7 as 100%.

0.0%	0.0% #CDAFAC	RGB 205 175 172	#CDAFAC
16.7%	16.7% #D5BFB0	RGB 213 191 176	#D5BFB0
33.3%	33.3% #DDD2B5	RGB 221 210 181	#DDD2B5
50.0%	50.0% #E4E6BA	RGB 228 230 186	#E4E6BA
66.7%	66.7% #DEEEBE	RGB 222 238 190	#DEEEBE
83.3%	83.3% #D4F6C2	RGB 212 246 194	#D4F6C2
100.0%	100.0% #C9FFC7	RGB 201 255 199	#C9FFC7

#CDAFAC #D5BFB0 #DDD2B5 #E4E6BA #DEEEBE #D4F6C2 #C9FFC7

#CDAFAC - #E4E6BA - #C9FFC7

CSS codes

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

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