#CBE1DB - #66AFAB | 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 #CBE1DB to #66AFAB

#CBE1DB #66AFAB

Calculate the color between two colors, #CBE1DB and #66AFAB. 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)

#CBE1DB - #66AFAB | 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 #CBE1DB as 0% and #66AFAB as 100%.

0.0%	0.0% #CBE1DB	RGB 203 225 219	#CBE1DB
16.7%	16.7% #BAD8D3	RGB 186 216 211	#BAD8D3
33.3%	33.3% #A9D0CB	RGB 169 208 203	#A9D0CB
50.0%	50.0% #98C8C3	RGB 152 200 195	#98C8C3
66.7%	66.7% #87BFBB	RGB 135 191 187	#87BFBB
83.3%	83.3% #76B7B3	RGB 118 183 179	#76B7B3
100.0%	100.0% #66AFAB	RGB 102 175 171	#66AFAB

#CBE1DB #BAD8D3 #A9D0CB #98C8C3 #87BFBB #76B7B3 #66AFAB

#CBE1DB - #66AFAB

HSV Blend

#CBE1DB - #66AFAB | 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 #CBE1DB as 0% and #66AFAB as 100%.

0.0%	0.0% #CBE1DB	RGB 203 225 219	#CBE1DB
16.7%	16.7% #B7D8D0	RGB 183 216 208	#B7D8D0
33.3%	33.3% #A5D0C7	RGB 165 208 199	#A5D0C7
50.0%	50.0% #94C8BF	RGB 148 200 191	#94C8BF
66.7%	66.7% #84BFB8	RGB 132 191 184	#84BFB8
83.3%	83.3% #74B7B1	RGB 116 183 177	#74B7B1
100.0%	100.0% #66AFAB	RGB 102 175 171	#66AFAB

#CBE1DB #B7D8D0 #A5D0C7 #94C8BF #84BFB8 #74B7B1 #66AFAB

#CBE1DB - #94C8BF - #66AFAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBE1DB 0%, #94C8BF 50%, #66AFAB 100%);
    background: -webkit-linear-gradient(top, #CBE1DB 0%, #94C8BF 50%, #66AFAB 100%);
    background: linear-gradient(to bottom, #CBE1DB 0%, #94C8BF 50%, #66AFAB 100%);
}
</style>