#CBECE7 - #60C2BD | 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 #CBECE7 to #60C2BD

#CBECE7 #60C2BD

Calculate the color between two colors, #CBECE7 and #60C2BD. 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)

#CBECE7 - #60C2BD | 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 #CBECE7 as 0% and #60C2BD as 100%.

0.0%	0.0% #CBECE7	RGB 203 236 231	#CBECE7
16.7%	16.7% #B9E5E0	RGB 185 229 224	#B9E5E0
33.3%	33.3% #A7DED9	RGB 167 222 217	#A7DED9
50.0%	50.0% #95D7D2	RGB 149 215 210	#95D7D2
66.7%	66.7% #83D0CB	RGB 131 208 203	#83D0CB
83.3%	83.3% #71C9C4	RGB 113 201 196	#71C9C4
100.0%	100.0% #60C2BD	RGB 96 194 189	#60C2BD

#CBECE7 #B9E5E0 #A7DED9 #95D7D2 #83D0CB #71C9C4 #60C2BD

#CBECE7 - #60C2BD

HSV Blend

#CBECE7 - #60C2BD | 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 #CBECE7 as 0% and #60C2BD as 100%.

0.0%	0.0% #CBECE7	RGB 203 236 231	#CBECE7
16.7%	16.7% #B7E5DE	RGB 183 229 222	#B7E5DE
33.3%	33.3% #A3DED7	RGB 163 222 215	#A3DED7
50.0%	50.0% #91D7CF	RGB 145 215 207	#91D7CF
66.7%	66.7% #80D0C9	RGB 128 208 201	#80D0C9
83.3%	83.3% #6FC9C2	RGB 111 201 194	#6FC9C2
100.0%	100.0% #60C2BD	RGB 96 194 189	#60C2BD

#CBECE7 #B7E5DE #A3DED7 #91D7CF #80D0C9 #6FC9C2 #60C2BD

#CBECE7 - #91D7CF - #60C2BD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBECE7 0%, #91D7CF 50%, #60C2BD 100%);
    background: -webkit-linear-gradient(top, #CBECE7 0%, #91D7CF 50%, #60C2BD 100%);
    background: linear-gradient(to bottom, #CBECE7 0%, #91D7CF 50%, #60C2BD 100%);
}
</style>