#CDDCD1 - #74A19E | 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 #CDDCD1 to #74A19E

#CDDCD1 #74A19E

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

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

0.0%	0.0% #CDDCD1	RGB 205 220 209	#CDDCD1
16.7%	16.7% #BED2C8	RGB 190 210 200	#BED2C8
33.3%	33.3% #AFC8C0	RGB 175 200 192	#AFC8C0
50.0%	50.0% #A0BEB7	RGB 160 190 183	#A0BEB7
66.7%	66.7% #91B4AF	RGB 145 180 175	#91B4AF
83.3%	83.3% #82AAA6	RGB 130 170 166	#82AAA6
100.0%	100.0% #74A19E	RGB 116 161 158	#74A19E

#CDDCD1 #BED2C8 #AFC8C0 #A0BEB7 #91B4AF #82AAA6 #74A19E

#CDDCD1 - #74A19E

HSV Blend

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

0.0%	0.0% #CDDCD1	RGB 205 220 209	#CDDCD1
16.7%	16.7% #BCD2C4	RGB 188 210 196	#BCD2C4
33.3%	33.3% #ACC8BA	RGB 172 200 186	#ACC8BA
50.0%	50.0% #9DBEB1	RGB 157 190 177	#9DBEB1
66.7%	66.7% #8EB4A9	RGB 142 180 169	#8EB4A9
83.3%	83.3% #81AAA3	RGB 129 170 163	#81AAA3
100.0%	100.0% #74A19E	RGB 116 161 158	#74A19E

#CDDCD1 #BCD2C4 #ACC8BA #9DBEB1 #8EB4A9 #81AAA3 #74A19E

#CDDCD1 - #9DBEB1 - #74A19E

CSS codes

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

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