#C8DAAD - #EEF4E7 | 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 #C8DAAD to #EEF4E7

#C8DAAD #EEF4E7

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

#C8DAAD - #EEF4E7 | 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 #C8DAAD as 0% and #EEF4E7 as 100%.

0.0%	0.0% #C8DAAD	RGB 200 218 173	#C8DAAD
16.7%	16.7% #CEDEB6	RGB 206 222 182	#CEDEB6
33.3%	33.3% #D4E2C0	RGB 212 226 192	#D4E2C0
50.0%	50.0% #DBE7CA	RGB 219 231 202	#DBE7CA
66.7%	66.7% #E1EBD3	RGB 225 235 211	#E1EBD3
83.3%	83.3% #E7EFDD	RGB 231 239 221	#E7EFDD
100.0%	100.0% #EEF4E7	RGB 238 244 231	#EEF4E7

#C8DAAD #CEDEB6 #D4E2C0 #DBE7CA #E1EBD3 #E7EFDD #EEF4E7

#C8DAAD - #EEF4E7

HSV Blend

#C8DAAD - #EEF4E7 | 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 #C8DAAD as 0% and #EEF4E7 as 100%.

0.0%	0.0% #C8DAAD	RGB 200 218 173	#C8DAAD
16.7%	16.7% #CDDEB6	RGB 205 222 182	#CDDEB6
33.3%	33.3% #D3E2BF	RGB 211 226 191	#D3E2BF
50.0%	50.0% #DAE7C9	RGB 218 231 201	#DAE7C9
66.7%	66.7% #E0EBD2	RGB 224 235 210	#E0EBD2
83.3%	83.3% #E7EFDC	RGB 231 239 220	#E7EFDC
100.0%	100.0% #EEF4E7	RGB 238 244 231	#EEF4E7

#C8DAAD #CDDEB6 #D3E2BF #DAE7C9 #E0EBD2 #E7EFDC #EEF4E7

#C8DAAD - #DAE7C9 - #EEF4E7

CSS codes

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

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