#3CBE9E - #DBEFA3 | 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 #3CBE9E to #DBEFA3

#3CBE9E #DBEFA3

Calculate the color between two colors, #3CBE9E and #DBEFA3. 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)

#3CBE9E - #DBEFA3 | 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 #3CBE9E as 0% and #DBEFA3 as 100%.

0.0%	0.0% #3CBE9E	RGB 60 190 158	#3CBE9E
16.7%	16.7% #56C69E	RGB 86 198 158	#56C69E
33.3%	33.3% #71CE9F	RGB 113 206 159	#71CE9F
50.0%	50.0% #8BD6A0	RGB 139 214 160	#8BD6A0
66.7%	66.7% #A6DEA1	RGB 166 222 161	#A6DEA1
83.3%	83.3% #C0E6A2	RGB 192 230 162	#C0E6A2
100.0%	100.0% #DBEFA3	RGB 219 239 163	#DBEFA3

#3CBE9E #56C69E #71CE9F #8BD6A0 #A6DEA1 #C0E6A2 #DBEFA3

#3CBE9E - #DBEFA3

HSV Blend

#3CBE9E - #DBEFA3 | 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 #3CBE9E as 0% and #DBEFA3 as 100%.

0.0%	0.0% #3CBE9E	RGB 60 190 158	#3CBE9E
16.7%	16.7% #4AC689	RGB 74 198 137	#4AC689
33.3%	33.3% #5ACE78	RGB 90 206 120	#5ACE78
50.0%	50.0% #6BD66B	RGB 107 214 107	#6BD66B
66.7%	66.7% #94DE7C	RGB 148 222 124	#94DE7C
83.3%	83.3% #BAE68F	RGB 186 230 143	#BAE68F
100.0%	100.0% #DBEFA3	RGB 219 239 163	#DBEFA3

#3CBE9E #4AC689 #5ACE78 #6BD66B #94DE7C #BAE68F #DBEFA3

#3CBE9E - #6BD66B - #DBEFA3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3CBE9E 0%, #6BD66B 50%, #DBEFA3 100%);
    background: -webkit-linear-gradient(top, #3CBE9E 0%, #6BD66B 50%, #DBEFA3 100%);
    background: linear-gradient(to bottom, #3CBE9E 0%, #6BD66B 50%, #DBEFA3 100%);
}
</style>