#C0FEFF - #DBEAD0 | 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 #C0FEFF to #DBEAD0

#C0FEFF #DBEAD0

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

#C0FEFF - #DBEAD0 | 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 #C0FEFF as 0% and #DBEAD0 as 100%.

0.0%	0.0% #C0FEFF	RGB 192 254 255	#C0FEFF
16.7%	16.7% #C4FAF7	RGB 196 250 247	#C4FAF7
33.3%	33.3% #C9F7EF	RGB 201 247 239	#C9F7EF
50.0%	50.0% #CDF4E7	RGB 205 244 231	#CDF4E7
66.7%	66.7% #D2F0DF	RGB 210 240 223	#D2F0DF
83.3%	83.3% #D6EDD7	RGB 214 237 215	#D6EDD7
100.0%	100.0% #DBEAD0	RGB 219 234 208	#DBEAD0

#C0FEFF #C4FAF7 #C9F7EF #CDF4E7 #D2F0DF #D6EDD7 #DBEAD0

#C0FEFF - #DBEAD0

HSV Blend

#C0FEFF - #DBEAD0 | 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 #C0FEFF as 0% and #DBEAD0 as 100%.

0.0%	0.0% #C0FEFF	RGB 192 254 255	#C0FEFF
16.7%	16.7% #C3FBEE	RGB 195 251 238	#C3FBEE
33.3%	33.3% #C5F8E0	RGB 197 248 224	#C5F8E0
50.0%	50.0% #C8F4D5	RGB 200 244 213	#C8F4D5
66.7%	66.7% #CBF1CD	RGB 203 241 205	#CBF1CD
83.3%	83.3% #D3EDCD	RGB 211 237 205	#D3EDCD
100.0%	100.0% #DBEAD0	RGB 219 234 208	#DBEAD0

#C0FEFF #C3FBEE #C5F8E0 #C8F4D5 #CBF1CD #D3EDCD #DBEAD0

#C0FEFF - #C8F4D5 - #DBEAD0

CSS codes

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

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