#C8C863 - #EFEFD2 | 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 #C8C863 to #EFEFD2

#C8C863 #EFEFD2

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

#C8C863 - #EFEFD2 | 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 #C8C863 as 0% and #EFEFD2 as 100%.

0.0%	0.0% #C8C863	RGB 200 200 99	#C8C863
16.7%	16.7% #CECE75	RGB 206 206 117	#CECE75
33.3%	33.3% #D5D588	RGB 213 213 136	#D5D588
50.0%	50.0% #DBDB9A	RGB 219 219 154	#DBDB9A
66.7%	66.7% #E2E2AD	RGB 226 226 173	#E2E2AD
83.3%	83.3% #E8E8BF	RGB 232 232 191	#E8E8BF
100.0%	100.0% #EFEFD2	RGB 239 239 210	#EFEFD2

#C8C863 #CECE75 #D5D588 #DBDB9A #E2E2AD #E8E8BF #EFEFD2

#C8C863 - #EFEFD2

HSV Blend

#C8C863 - #EFEFD2 | 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 #C8C863 as 0% and #EFEFD2 as 100%.

0.0%	0.0% #C8C863	RGB 200 200 99	#C8C863
16.7%	16.7% #CECE73	RGB 206 206 115	#CECE73
33.3%	33.3% #D5D584	RGB 213 213 132	#D5D584
50.0%	50.0% #DBDB96	RGB 219 219 150	#DBDB96
66.7%	66.7% #E2E2A9	RGB 226 226 169	#E2E2A9
83.3%	83.3% #E8E8BD	RGB 232 232 189	#E8E8BD
100.0%	100.0% #EFEFD2	RGB 239 239 210	#EFEFD2

#C8C863 #CECE73 #D5D584 #DBDB96 #E2E2A9 #E8E8BD #EFEFD2

#C8C863 - #DBDB96 - #EFEFD2

CSS codes

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

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