#CADCDB - #60AAAB | 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 #CADCDB to #60AAAB

#CADCDB #60AAAB

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

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

0.0%	0.0% #CADCDB	RGB 202 220 219	#CADCDB
16.7%	16.7% #B8D3D3	RGB 184 211 211	#B8D3D3
33.3%	33.3% #A6CBCB	RGB 166 203 203	#A6CBCB
50.0%	50.0% #95C3C3	RGB 149 195 195	#95C3C3
66.7%	66.7% #83BABB	RGB 131 186 187	#83BABB
83.3%	83.3% #71B2B3	RGB 113 178 179	#71B2B3
100.0%	100.0% #60AAAB	RGB 96 170 171	#60AAAB

#CADCDB #B8D3D3 #A6CBCB #95C3C3 #83BABB #71B2B3 #60AAAB

#CADCDB - #60AAAB

HSV Blend

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

0.0%	0.0% #CADCDB	RGB 202 220 219	#CADCDB
16.7%	16.7% #B5D3D2	RGB 181 211 210	#B5D3D2
33.3%	33.3% #A2CBCA	RGB 162 203 202	#A2CBCA
50.0%	50.0% #90C3C2	RGB 144 195 194	#90C3C2
66.7%	66.7% #7FBBBA	RGB 127 187 186	#7FBBBA
83.3%	83.3% #6FB3B3	RGB 111 179 179	#6FB3B3
100.0%	100.0% #60AAAB	RGB 96 170 171	#60AAAB

#CADCDB #B5D3D2 #A2CBCA #90C3C2 #7FBBBA #6FB3B3 #60AAAB

#CADCDB - #90C3C2 - #60AAAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CADCDB 0%, #90C3C2 50%, #60AAAB 100%);
    background: -webkit-linear-gradient(top, #CADCDB 0%, #90C3C2 50%, #60AAAB 100%);
    background: linear-gradient(to bottom, #CADCDB 0%, #90C3C2 50%, #60AAAB 100%);
}
</style>