#C0CEB8 - #EFECC6 | 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 #C0CEB8 to #EFECC6

#C0CEB8 #EFECC6

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

#C0CEB8 - #EFECC6 | 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 #C0CEB8 as 0% and #EFECC6 as 100%.

0.0%	0.0% #C0CEB8	RGB 192 206 184	#C0CEB8
16.7%	16.7% #C7D3BA	RGB 199 211 186	#C7D3BA
33.3%	33.3% #CFD8BC	RGB 207 216 188	#CFD8BC
50.0%	50.0% #D7DDBF	RGB 215 221 191	#D7DDBF
66.7%	66.7% #DFE2C1	RGB 223 226 193	#DFE2C1
83.3%	83.3% #E7E7C3	RGB 231 231 195	#E7E7C3
100.0%	100.0% #EFECC6	RGB 239 236 198	#EFECC6

#C0CEB8 #C7D3BA #CFD8BC #D7DDBF #DFE2C1 #E7E7C3 #EFECC6

#C0CEB8 - #EFECC6

HSV Blend

#C0CEB8 - #EFECC6 | 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 #C0CEB8 as 0% and #EFECC6 as 100%.

0.0%	0.0% #C0CEB8	RGB 192 206 184	#C0CEB8
16.7%	16.7% #C6D3BA	RGB 198 211 186	#C6D3BA
33.3%	33.3% #CDD9BD	RGB 205 217 189	#CDD9BD
50.0%	50.0% #D5DEBF	RGB 213 222 191	#D5DEBF
66.7%	66.7% #DEE4C1	RGB 222 228 193	#DEE4C1
83.3%	83.3% #E7E9C3	RGB 231 233 195	#E7E9C3
100.0%	100.0% #EFECC6	RGB 239 236 198	#EFECC6

#C0CEB8 #C6D3BA #CDD9BD #D5DEBF #DEE4C1 #E7E9C3 #EFECC6

#C0CEB8 - #D5DEBF - #EFECC6

CSS codes

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

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