#CBEFD8 - #DAEBD4 | 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 #CBEFD8 to #DAEBD4

#CBEFD8 #DAEBD4

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

#CBEFD8 - #DAEBD4 | 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 #CBEFD8 as 0% and #DAEBD4 as 100%.

0.0%	0.0% #CBEFD8	RGB 203 239 216	#CBEFD8
16.7%	16.7% #CDEED7	RGB 205 238 215	#CDEED7
33.3%	33.3% #D0EDD6	RGB 208 237 214	#D0EDD6
50.0%	50.0% #D2EDD6	RGB 210 237 214	#D2EDD6
66.7%	66.7% #D5ECD5	RGB 213 236 213	#D5ECD5
83.3%	83.3% #D7EBD4	RGB 215 235 212	#D7EBD4
100.0%	100.0% #DAEBD4	RGB 218 235 212	#DAEBD4

#CBEFD8 #CDEED7 #D0EDD6 #D2EDD6 #D5ECD5 #D7EBD4 #DAEBD4

#CBEFD8 - #DAEBD4

HSV Blend

#CBEFD8 - #DAEBD4 | 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 #CBEFD8 as 0% and #DAEBD4 as 100%.

0.0%	0.0% #CBEFD8	RGB 203 239 216	#CBEFD8
16.7%	16.7% #CCEED5	RGB 204 238 213	#CCEED5
33.3%	33.3% #CEEDD2	RGB 206 237 210	#CEEDD2
50.0%	50.0% #CFEDD1	RGB 207 237 209	#CFEDD1
66.7%	66.7% #D2ECD1	RGB 210 236 209	#D2ECD1
83.3%	83.3% #D6EBD2	RGB 214 235 210	#D6EBD2
100.0%	100.0% #DAEBD4	RGB 218 235 212	#DAEBD4

#CBEFD8 #CCEED5 #CEEDD2 #CFEDD1 #D2ECD1 #D6EBD2 #DAEBD4

#CBEFD8 - #CFEDD1 - #DAEBD4

CSS codes

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

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