#CDFFD4 - #74DBA4 | 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 #CDFFD4 to #74DBA4

#CDFFD4 #74DBA4

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

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

0.0%	0.0% #CDFFD4	RGB 205 255 212	#CDFFD4
16.7%	16.7% #BEF9CC	RGB 190 249 204	#BEF9CC
33.3%	33.3% #AFF3C4	RGB 175 243 196	#AFF3C4
50.0%	50.0% #A0EDBC	RGB 160 237 188	#A0EDBC
66.7%	66.7% #91E7B4	RGB 145 231 180	#91E7B4
83.3%	83.3% #82E1AC	RGB 130 225 172	#82E1AC
100.0%	100.0% #74DBA4	RGB 116 219 164	#74DBA4

#CDFFD4 #BEF9CC #AFF3C4 #A0EDBC #91E7B4 #82E1AC #74DBA4

#CDFFD4 - #74DBA4

HSV Blend

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

0.0%	0.0% #CDFFD4	RGB 205 255 212	#CDFFD4
16.7%	16.7% #BCF9C8	RGB 188 249 200	#BCF9C8
33.3%	33.3% #ADF3BE	RGB 173 243 190	#ADF3BE
50.0%	50.0% #9EEDB5	RGB 158 237 181	#9EEDB5
66.7%	66.7% #8FE7AE	RGB 143 231 174	#8FE7AE
83.3%	83.3% #81E1A8	RGB 129 225 168	#81E1A8
100.0%	100.0% #74DBA4	RGB 116 219 164	#74DBA4

#CDFFD4 #BCF9C8 #ADF3BE #9EEDB5 #8FE7AE #81E1A8 #74DBA4

#CDFFD4 - #9EEDB5 - #74DBA4

CSS codes

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

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