#E4E5DF - #C0CB94 | 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 #E4E5DF to #C0CB94

#E4E5DF #C0CB94

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

#E4E5DF - #C0CB94 | 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 #E4E5DF as 0% and #C0CB94 as 100%.

0.0%	0.0% #E4E5DF	RGB 228 229 223	#E4E5DF
16.7%	16.7% #DEE0D2	RGB 222 224 210	#DEE0D2
33.3%	33.3% #D8DCC6	RGB 216 220 198	#D8DCC6
50.0%	50.0% #D2D8B9	RGB 210 216 185	#D2D8B9
66.7%	66.7% #CCD3AD	RGB 204 211 173	#CCD3AD
83.3%	83.3% #C6CFA0	RGB 198 207 160	#C6CFA0
100.0%	100.0% #C0CB94	RGB 192 203 148	#C0CB94

#E4E5DF #DEE0D2 #D8DCC6 #D2D8B9 #CCD3AD #C6CFA0 #C0CB94

#E4E5DF - #C0CB94

HSV Blend

#E4E5DF - #C0CB94 | 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 #E4E5DF as 0% and #C0CB94 as 100%.

0.0%	0.0% #E4E5DF	RGB 228 229 223	#E4E5DF
16.7%	16.7% #DEE0D1	RGB 222 224 209	#DEE0D1
33.3%	33.3% #D8DCC4	RGB 216 220 196	#D8DCC4
50.0%	50.0% #D2D8B7	RGB 210 216 183	#D2D8B7
66.7%	66.7% #CCD3AB	RGB 204 211 171	#CCD3AB
83.3%	83.3% #C6CF9F	RGB 198 207 159	#C6CF9F
100.0%	100.0% #C0CB94	RGB 192 203 148	#C0CB94

#E4E5DF #DEE0D1 #D8DCC4 #D2D8B7 #CCD3AB #C6CF9F #C0CB94

#E4E5DF - #D2D8B7 - #C0CB94

CSS codes

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

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