#74C2AD - #D9CFCD | 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 #74C2AD to #D9CFCD

#74C2AD #D9CFCD

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

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

0.0%	0.0% #74C2AD	RGB 116 194 173	#74C2AD
16.7%	16.7% #84C4B2	RGB 132 196 178	#84C4B2
33.3%	33.3% #95C6B7	RGB 149 198 183	#95C6B7
50.0%	50.0% #A6C8BD	RGB 166 200 189	#A6C8BD
66.7%	66.7% #B7CAC2	RGB 183 202 194	#B7CAC2
83.3%	83.3% #C8CCC7	RGB 200 204 199	#C8CCC7
100.0%	100.0% #D9CFCD	RGB 217 207 205	#D9CFCD

#74C2AD #84C4B2 #95C6B7 #A6C8BD #B7CAC2 #C8CCC7 #D9CFCD

#74C2AD - #D9CFCD

HSV Blend

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

0.0%	0.0% #74C2AD	RGB 116 194 173	#74C2AD
16.7%	16.7% #81C596	RGB 129 197 150	#81C596
33.3%	33.3% #97C98F	RGB 151 201 143	#97C98F
50.0%	50.0% #B8CD9E	RGB 184 205 158	#B8CD9E
66.7%	66.7% #D0D1AD	RGB 208 209 173	#D0D1AD
83.3%	83.3% #D5CBBD	RGB 213 203 189	#D5CBBD
100.0%	100.0% #D9CFCD	RGB 217 207 205	#D9CFCD

#74C2AD #81C596 #97C98F #B8CD9E #D0D1AD #D5CBBD #D9CFCD

#74C2AD - #B8CD9E - #D9CFCD

CSS codes

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

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