#5EADBE - #DCDDCB | 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 #5EADBE to #DCDDCB

#5EADBE #DCDDCB

Calculate the color between two colors, #5EADBE and #DCDDCB. 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)

#5EADBE - #DCDDCB | 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 #5EADBE as 0% and #DCDDCB as 100%.

0.0%	0.0% #5EADBE	RGB 94 173 190	#5EADBE
16.7%	16.7% #73B5C0	RGB 115 181 192	#73B5C0
33.3%	33.3% #88BDC2	RGB 136 189 194	#88BDC2
50.0%	50.0% #9DC5C4	RGB 157 197 196	#9DC5C4
66.7%	66.7% #B2CDC6	RGB 178 205 198	#B2CDC6
83.3%	83.3% #C7D5C8	RGB 199 213 200	#C7D5C8
100.0%	100.0% #DCDDCB	RGB 220 221 203	#DCDDCB

#5EADBE #73B5C0 #88BDC2 #9DC5C4 #B2CDC6 #C7D5C8 #DCDDCB

#5EADBE - #DCDDCB

HSV Blend

#5EADBE - #DCDDCB | 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 #5EADBE as 0% and #DCDDCB as 100%.

0.0%	0.0% #5EADBE	RGB 94 173 190	#5EADBE
16.7%	16.7% #6EC3B4	RGB 110 195 180	#6EC3B4
33.3%	33.3% #7FC8A1	RGB 127 200 161	#7FC8A1
50.0%	50.0% #91CD98	RGB 145 205 152	#91CD98
66.7%	66.7% #AED2A3	RGB 174 210 163	#AED2A3
83.3%	83.3% #CAD7B7	RGB 202 215 183	#CAD7B7
100.0%	100.0% #DCDDCB	RGB 220 221 203	#DCDDCB

#5EADBE #6EC3B4 #7FC8A1 #91CD98 #AED2A3 #CAD7B7 #DCDDCB

#5EADBE - #91CD98 - #DCDDCB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EADBE 0%, #91CD98 50%, #DCDDCB 100%);
    background: -webkit-linear-gradient(top, #5EADBE 0%, #91CD98 50%, #DCDDCB 100%);
    background: linear-gradient(to bottom, #5EADBE 0%, #91CD98 50%, #DCDDCB 100%);
}
</style>