#CCC36D - #E2B6D3 | 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 #CCC36D to #E2B6D3

#CCC36D #E2B6D3

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

#CCC36D - #E2B6D3 | 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 #CCC36D as 0% and #E2B6D3 as 100%.

0.0%	0.0% #CCC36D	RGB 204 195 109	#CCC36D
16.7%	16.7% #CFC07E	RGB 207 192 126	#CFC07E
33.3%	33.3% #D3BE8F	RGB 211 190 143	#D3BE8F
50.0%	50.0% #D7BCA0	RGB 215 188 160	#D7BCA0
66.7%	66.7% #DABAB1	RGB 218 186 177	#DABAB1
83.3%	83.3% #DEB8C2	RGB 222 184 194	#DEB8C2
100.0%	100.0% #E2B6D3	RGB 226 182 211	#E2B6D3

#CCC36D #CFC07E #D3BE8F #D7BCA0 #DABAB1 #DEB8C2 #E2B6D3

#CCC36D - #E2B6D3

HSV Blend

#CCC36D - #E2B6D3 | 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 #CCC36D as 0% and #E2B6D3 as 100%.

0.0%	0.0% #CCC36D	RGB 204 195 109	#CCC36D
16.7%	16.7% #CFB078	RGB 207 176 120	#CFB078
33.3%	33.3% #D3A284	RGB 211 162 132	#D3A284
50.0%	50.0% #D79890	RGB 215 152 144	#D79890
66.7%	66.7% #DA9CA4	RGB 218 156 164	#DA9CA4
83.3%	83.3% #DEA9BE	RGB 222 169 190	#DEA9BE
100.0%	100.0% #E2B6D3	RGB 226 182 211	#E2B6D3

#CCC36D #CFB078 #D3A284 #D79890 #DA9CA4 #DEA9BE #E2B6D3

#CCC36D - #D79890 - #E2B6D3

CSS codes

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

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