#C8C268 - #EFEDD3 | 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 #C8C268 to #EFEDD3

#C8C268 #EFEDD3

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

#C8C268 - #EFEDD3 | 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 #C8C268 as 0% and #EFEDD3 as 100%.

0.0%	0.0% #C8C268	RGB 200 194 104	#C8C268
16.7%	16.7% #CEC979	RGB 206 201 121	#CEC979
33.3%	33.3% #D5D08B	RGB 213 208 139	#D5D08B
50.0%	50.0% #DBD79D	RGB 219 215 157	#DBD79D
66.7%	66.7% #E2DEAF	RGB 226 222 175	#E2DEAF
83.3%	83.3% #E8E5C1	RGB 232 229 193	#E8E5C1
100.0%	100.0% #EFEDD3	RGB 239 237 211	#EFEDD3

#C8C268 #CEC979 #D5D08B #DBD79D #E2DEAF #E8E5C1 #EFEDD3

#C8C268 - #EFEDD3

HSV Blend

#C8C268 - #EFEDD3 | 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 #C8C268 as 0% and #EFEDD3 as 100%.

0.0%	0.0% #C8C268	RGB 200 194 104	#C8C268
16.7%	16.7% #CEC877	RGB 206 200 119	#CEC877
33.3%	33.3% #D5CF88	RGB 213 207 136	#D5CF88
50.0%	50.0% #DBD799	RGB 219 215 153	#DBD799
66.7%	66.7% #E2DEAC	RGB 226 222 172	#E2DEAC
83.3%	83.3% #E8E5BF	RGB 232 229 191	#E8E5BF
100.0%	100.0% #EFEDD3	RGB 239 237 211	#EFEDD3

#C8C268 #CEC877 #D5CF88 #DBD799 #E2DEAC #E8E5BF #EFEDD3

#C8C268 - #DBD799 - #EFEDD3

CSS codes

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

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