#CDA38C - #FFA0E3 | 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 #CDA38C to #FFA0E3

#CDA38C #FFA0E3

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

#CDA38C - #FFA0E3 | 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 #CDA38C as 0% and #FFA0E3 as 100%.

0.0%	0.0% #CDA38C	RGB 205 163 140	#CDA38C
16.7%	16.7% #D5A29A	RGB 213 162 154	#D5A29A
33.3%	33.3% #DDA2A9	RGB 221 162 169	#DDA2A9
50.0%	50.0% #E6A1B7	RGB 230 161 183	#E6A1B7
66.7%	66.7% #EEA1C6	RGB 238 161 198	#EEA1C6
83.3%	83.3% #F6A0D4	RGB 246 160 212	#F6A0D4
100.0%	100.0% #FFA0E3	RGB 255 160 227	#FFA0E3

#CDA38C #D5A29A #DDA2A9 #E6A1B7 #EEA1C6 #F6A0D4 #FFA0E3

#CDA38C - #FFA0E3

HSV Blend

#CDA38C - #FFA0E3 | 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 #CDA38C as 0% and #FFA0E3 as 100%.

0.0%	0.0% #CDA38C	RGB 205 163 140	#CDA38C
16.7%	16.7% #D59C8F	RGB 213 156 143	#D59C8F
33.3%	33.3% #DD9393	RGB 221 147 147	#DD9393
50.0%	50.0% #E696A4	RGB 230 150 164	#E696A4
66.7%	66.7% #EE99B7	RGB 238 153 183	#EE99B7
83.3%	83.3% #F69DCC	RGB 246 157 204	#F69DCC
100.0%	100.0% #FFA0E3	RGB 255 160 227	#FFA0E3

#CDA38C #D59C8F #DD9393 #E696A4 #EE99B7 #F69DCC #FFA0E3

#CDA38C - #E696A4 - #FFA0E3

CSS codes

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

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