#C4C67A - #DFB5CC | 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 #C4C67A to #DFB5CC

#C4C67A #DFB5CC

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

#C4C67A - #DFB5CC | 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 #C4C67A as 0% and #DFB5CC as 100%.

0.0%	0.0% #C4C67A	RGB 196 198 122	#C4C67A
16.7%	16.7% #C8C387	RGB 200 195 135	#C8C387
33.3%	33.3% #CDC095	RGB 205 192 149	#CDC095
50.0%	50.0% #D1BDA3	RGB 209 189 163	#D1BDA3
66.7%	66.7% #D6BAB0	RGB 214 186 176	#D6BAB0
83.3%	83.3% #DAB7BE	RGB 218 183 190	#DAB7BE
100.0%	100.0% #DFB5CC	RGB 223 181 204	#DFB5CC

#C4C67A #C8C387 #CDC095 #D1BDA3 #D6BAB0 #DAB7BE #DFB5CC

#C4C67A - #DFB5CC

HSV Blend

#C4C67A - #DFB5CC | 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 #C4C67A as 0% and #DFB5CC as 100%.

0.0%	0.0% #C4C67A	RGB 196 198 122	#C4C67A
16.7%	16.7% #CAB983	RGB 202 185 131	#CAB983
33.3%	33.3% #CEAD8C	RGB 206 173 140	#CEAD8C
50.0%	50.0% #D2A496	RGB 210 164 150	#D2A496
66.7%	66.7% #D6A0A1	RGB 214 160 161	#D6A0A1
83.3%	83.3% #DAAAB8	RGB 218 170 184	#DAAAB8
100.0%	100.0% #DFB5CC	RGB 223 181 204	#DFB5CC

#C4C67A #CAB983 #CEAD8C #D2A496 #D6A0A1 #DAAAB8 #DFB5CC

#C4C67A - #D2A496 - #DFB5CC

CSS codes

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

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