#CACA74 - #EFEFD7 | 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 #CACA74 to #EFEFD7

#CACA74 #EFEFD7

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

#CACA74 - #EFEFD7 | 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 #CACA74 as 0% and #EFEFD7 as 100%.

0.0%	0.0% #CACA74	RGB 202 202 116	#CACA74
16.7%	16.7% #D0D084	RGB 208 208 132	#D0D084
33.3%	33.3% #D6D695	RGB 214 214 149	#D6D695
50.0%	50.0% #DCDCA5	RGB 220 220 165	#DCDCA5
66.7%	66.7% #E2E2B6	RGB 226 226 182	#E2E2B6
83.3%	83.3% #E8E8C6	RGB 232 232 198	#E8E8C6
100.0%	100.0% #EFEFD7	RGB 239 239 215	#EFEFD7

#CACA74 #D0D084 #D6D695 #DCDCA5 #E2E2B6 #E8E8C6 #EFEFD7

#CACA74 - #EFEFD7

HSV Blend

#CACA74 - #EFEFD7 | 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 #CACA74 as 0% and #EFEFD7 as 100%.

0.0%	0.0% #CACA74	RGB 202 202 116	#CACA74
16.7%	16.7% #D0D082	RGB 208 208 130	#D0D082
33.3%	33.3% #D6D692	RGB 214 214 146	#D6D692
50.0%	50.0% #DCDCA2	RGB 220 220 162	#DCDCA2
66.7%	66.7% #E2E2B3	RGB 226 226 179	#E2E2B3
83.3%	83.3% #E8E8C4	RGB 232 232 196	#E8E8C4
100.0%	100.0% #EFEFD7	RGB 239 239 215	#EFEFD7

#CACA74 #D0D082 #D6D692 #DCDCA2 #E2E2B3 #E8E8C4 #EFEFD7

#CACA74 - #DCDCA2 - #EFEFD7

CSS codes

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

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