#74B69B - #D2FF8C | 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 #74B69B to #D2FF8C

#74B69B #D2FF8C

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

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

0.0%	0.0% #74B69B	RGB 116 182 155	#74B69B
16.7%	16.7% #83C298	RGB 131 194 152	#83C298
33.3%	33.3% #93CE96	RGB 147 206 150	#93CE96
50.0%	50.0% #A3DA93	RGB 163 218 147	#A3DA93
66.7%	66.7% #B2E691	RGB 178 230 145	#B2E691
83.3%	83.3% #C2F28E	RGB 194 242 142	#C2F28E
100.0%	100.0% #D2FF8C	RGB 210 255 140	#D2FF8C

#74B69B #83C298 #93CE96 #A3DA93 #B2E691 #C2F28E #D2FF8C

#74B69B - #D2FF8C

HSV Blend

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

0.0%	0.0% #74B69B	RGB 116 182 155	#74B69B
16.7%	16.7% #78C295	RGB 120 194 149	#78C295
33.3%	33.3% #7DCE8C	RGB 125 206 140	#7DCE8C
50.0%	50.0% #82DA81	RGB 130 218 129	#82DA81
66.7%	66.7% #99E685	RGB 153 230 133	#99E685
83.3%	83.3% #B4F288	RGB 180 242 136	#B4F288
100.0%	100.0% #D2FF8C	RGB 210 255 140	#D2FF8C

#74B69B #78C295 #7DCE8C #82DA81 #99E685 #B4F288 #D2FF8C

#74B69B - #82DA81 - #D2FF8C

CSS codes

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

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