#CFC06F - #F1EDD5 | 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 #CFC06F to #F1EDD5

#CFC06F #F1EDD5

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

#CFC06F - #F1EDD5 | 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 #CFC06F as 0% and #F1EDD5 as 100%.

0.0%	0.0% #CFC06F	RGB 207 192 111	#CFC06F
16.7%	16.7% #D4C780	RGB 212 199 128	#D4C780
33.3%	33.3% #DACF91	RGB 218 207 145	#DACF91
50.0%	50.0% #E0D6A2	RGB 224 214 162	#E0D6A2
66.7%	66.7% #E5DEB3	RGB 229 222 179	#E5DEB3
83.3%	83.3% #EBE5C4	RGB 235 229 196	#EBE5C4
100.0%	100.0% #F1EDD5	RGB 241 237 213	#F1EDD5

#CFC06F #D4C780 #DACF91 #E0D6A2 #E5DEB3 #EBE5C4 #F1EDD5

#CFC06F - #F1EDD5

HSV Blend

#CFC06F - #F1EDD5 | 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 #CFC06F as 0% and #F1EDD5 as 100%.

0.0%	0.0% #CFC06F	RGB 207 192 111	#CFC06F
16.7%	16.7% #D4C77E	RGB 212 199 126	#D4C77E
33.3%	33.3% #DACE8E	RGB 218 206 142	#DACE8E
50.0%	50.0% #E0D69F	RGB 224 214 159	#E0D69F
66.7%	66.7% #E5DDB0	RGB 229 221 176	#E5DDB0
83.3%	83.3% #EBE5C2	RGB 235 229 194	#EBE5C2
100.0%	100.0% #F1EDD5	RGB 241 237 213	#F1EDD5

#CFC06F #D4C77E #DACE8E #E0D69F #E5DDB0 #EBE5C2 #F1EDD5

#CFC06F - #E0D69F - #F1EDD5

CSS codes

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

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