#C8BC92 - #EFEBDF | 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 #C8BC92 to #EFEBDF

#C8BC92 #EFEBDF

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

#C8BC92 - #EFEBDF | 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 #C8BC92 as 0% and #EFEBDF as 100%.

0.0%	0.0% #C8BC92	RGB 200 188 146	#C8BC92
16.7%	16.7% #CEC39E	RGB 206 195 158	#CEC39E
33.3%	33.3% #D5CBAB	RGB 213 203 171	#D5CBAB
50.0%	50.0% #DBD3B8	RGB 219 211 184	#DBD3B8
66.7%	66.7% #E2DBC5	RGB 226 219 197	#E2DBC5
83.3%	83.3% #E8E3D2	RGB 232 227 210	#E8E3D2
100.0%	100.0% #EFEBDF	RGB 239 235 223	#EFEBDF

#C8BC92 #CEC39E #D5CBAB #DBD3B8 #E2DBC5 #E8E3D2 #EFEBDF

#C8BC92 - #EFEBDF

HSV Blend

#C8BC92 - #EFEBDF | 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 #C8BC92 as 0% and #EFEBDF as 100%.

0.0%	0.0% #C8BC92	RGB 200 188 146	#C8BC92
16.7%	16.7% #CEC39D	RGB 206 195 157	#CEC39D
33.3%	33.3% #D5CBA9	RGB 213 203 169	#D5CBA9
50.0%	50.0% #DBD2B6	RGB 219 210 182	#DBD2B6
66.7%	66.7% #E2DAC3	RGB 226 218 195	#E2DAC3
83.3%	83.3% #E8E2D1	RGB 232 226 209	#E8E2D1
100.0%	100.0% #EFEBDF	RGB 239 235 223	#EFEBDF

#C8BC92 #CEC39D #D5CBA9 #DBD2B6 #E2DAC3 #E8E2D1 #EFEBDF

#C8BC92 - #DBD2B6 - #EFEBDF

CSS codes

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

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