#CCB76D - #E8FACC | 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 #CCB76D to #E8FACC

#CCB76D #E8FACC

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

#CCB76D - #E8FACC | 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 #CCB76D as 0% and #E8FACC as 100%.

0.0%	0.0% #CCB76D	RGB 204 183 109	#CCB76D
16.7%	16.7% #D0C27C	RGB 208 194 124	#D0C27C
33.3%	33.3% #D5CD8C	RGB 213 205 140	#D5CD8C
50.0%	50.0% #DAD89C	RGB 218 216 156	#DAD89C
66.7%	66.7% #DEE3AC	RGB 222 227 172	#DEE3AC
83.3%	83.3% #E3EEBC	RGB 227 238 188	#E3EEBC
100.0%	100.0% #E8FACC	RGB 232 250 204	#E8FACC

#CCB76D #D0C27C #D5CD8C #DAD89C #DEE3AC #E3EEBC #E8FACC

#CCB76D - #E8FACC

HSV Blend

#CCB76D - #E8FACC | 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 #CCB76D as 0% and #E8FACC as 100%.

0.0%	0.0% #CCB76D	RGB 204 183 109	#CCB76D
16.7%	16.7% #D3C97B	RGB 211 201 123	#D3C97B
33.3%	33.3% #DBD989	RGB 219 217 137	#DBD989
50.0%	50.0% #DCE399	RGB 220 227 153	#DCE399
66.7%	66.7% #DEEAA9	RGB 222 234 169	#DEEAA9
83.3%	83.3% #E2F2BA	RGB 226 242 186	#E2F2BA
100.0%	100.0% #E8FACC	RGB 232 250 204	#E8FACC

#CCB76D #D3C97B #DBD989 #DCE399 #DEEAA9 #E2F2BA #E8FACC

#CCB76D - #DCE399 - #E8FACC

CSS codes

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

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