#CCDCCF - #74A09B | 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 #CCDCCF to #74A09B

#CCDCCF #74A09B

Calculate the color between two colors, #CCDCCF and #74A09B. 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)

#CCDCCF - #74A09B | 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 #CCDCCF as 0% and #74A09B as 100%.

0.0%	0.0% #CCDCCF	RGB 204 220 207	#CCDCCF
16.7%	16.7% #BDD2C6	RGB 189 210 198	#BDD2C6
33.3%	33.3% #AEC8BD	RGB 174 200 189	#AEC8BD
50.0%	50.0% #A0BEB5	RGB 160 190 181	#A0BEB5
66.7%	66.7% #91B4AC	RGB 145 180 172	#91B4AC
83.3%	83.3% #82AAA3	RGB 130 170 163	#82AAA3
100.0%	100.0% #74A09B	RGB 116 160 155	#74A09B

#CCDCCF #BDD2C6 #AEC8BD #A0BEB5 #91B4AC #82AAA3 #74A09B

#CCDCCF - #74A09B

HSV Blend

#CCDCCF - #74A09B | 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 #CCDCCF as 0% and #74A09B as 100%.

0.0%	0.0% #CCDCCF	RGB 204 220 207	#CCDCCF
16.7%	16.7% #BBD2C2	RGB 187 210 194	#BBD2C2
33.3%	33.3% #ABC8B7	RGB 171 200 183	#ABC8B7
50.0%	50.0% #9CBEAE	RGB 156 190 174	#9CBEAE
66.7%	66.7% #8EB4A7	RGB 142 180 167	#8EB4A7
83.3%	83.3% #80AAA0	RGB 128 170 160	#80AAA0
100.0%	100.0% #74A09B	RGB 116 160 155	#74A09B

#CCDCCF #BBD2C2 #ABC8B7 #9CBEAE #8EB4A7 #80AAA0 #74A09B

#CCDCCF - #9CBEAE - #74A09B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCDCCF 0%, #9CBEAE 50%, #74A09B 100%);
    background: -webkit-linear-gradient(top, #CCDCCF 0%, #9CBEAE 50%, #74A09B 100%);
    background: linear-gradient(to bottom, #CCDCCF 0%, #9CBEAE 50%, #74A09B 100%);
}
</style>