#CACECB - #DBF0E0 | 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 #CACECB to #DBF0E0

#CACECB #DBF0E0

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

#CACECB - #DBF0E0 | 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 #CACECB as 0% and #DBF0E0 as 100%.

0.0%	0.0% #CACECB	RGB 202 206 203	#CACECB
16.7%	16.7% #CCD3CE	RGB 204 211 206	#CCD3CE
33.3%	33.3% #CFD9D2	RGB 207 217 210	#CFD9D2
50.0%	50.0% #D2DFD5	RGB 210 223 213	#D2DFD5
66.7%	66.7% #D5E4D9	RGB 213 228 217	#D5E4D9
83.3%	83.3% #D8EADC	RGB 216 234 220	#D8EADC
100.0%	100.0% #DBF0E0	RGB 219 240 224	#DBF0E0

#CACECB #CCD3CE #CFD9D2 #D2DFD5 #D5E4D9 #D8EADC #DBF0E0

#CACECB - #DBF0E0

HSV Blend

#CACECB - #DBF0E0 | 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 #CACECB as 0% and #DBF0E0 as 100%.

0.0%	0.0% #CACECB	RGB 202 206 203	#CACECB
16.7%	16.7% #CDD3CE	RGB 205 211 206	#CDD3CE
33.3%	33.3% #D0D9D2	RGB 208 217 210	#D0D9D2
50.0%	50.0% #D3DFD5	RGB 211 223 213	#D3DFD5
66.7%	66.7% #D5E4D9	RGB 213 228 217	#D5E4D9
83.3%	83.3% #D8EADC	RGB 216 234 220	#D8EADC
100.0%	100.0% #DBF0E0	RGB 219 240 224	#DBF0E0

#CACECB #CDD3CE #D0D9D2 #D3DFD5 #D5E4D9 #D8EADC #DBF0E0

#CACECB - #D3DFD5 - #DBF0E0

CSS codes

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

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