#5EB78C - #B2B5DF | 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 #5EB78C to #B2B5DF

#5EB78C #B2B5DF

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

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

0.0%	0.0% #5EB78C	RGB 94 183 140	#5EB78C
16.7%	16.7% #6CB699	RGB 108 182 153	#6CB699
33.3%	33.3% #7AB6A7	RGB 122 182 167	#7AB6A7
50.0%	50.0% #88B6B5	RGB 136 182 181	#88B6B5
66.7%	66.7% #96B5C3	RGB 150 181 195	#96B5C3
83.3%	83.3% #A4B5D1	RGB 164 181 209	#A4B5D1
100.0%	100.0% #B2B5DF	RGB 178 181 223	#B2B5DF

#5EB78C #6CB699 #7AB6A7 #88B6B5 #96B5C3 #A4B5D1 #B2B5DF

#5EB78C - #B2B5DF

HSV Blend

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

0.0%	0.0% #5EB78C	RGB 94 183 140	#5EB78C
16.7%	16.7% #6ABDA9	RGB 106 189 169	#6ABDA9
33.3%	33.3% #77C4C3	RGB 119 196 195	#77C4C3
50.0%	50.0% #85BBCB	RGB 133 187 203	#85BBCB
66.7%	66.7% #93B4D1	RGB 147 180 209	#93B4D1
83.3%	83.3% #A2B2D8	RGB 162 178 216	#A2B2D8
100.0%	100.0% #B2B5DF	RGB 178 181 223	#B2B5DF

#5EB78C #6ABDA9 #77C4C3 #85BBCB #93B4D1 #A2B2D8 #B2B5DF

#5EB78C - #85BBCB - #B2B5DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EB78C 0%, #85BBCB 50%, #B2B5DF 100%);
    background: -webkit-linear-gradient(top, #5EB78C 0%, #85BBCB 50%, #B2B5DF 100%);
    background: linear-gradient(to bottom, #5EB78C 0%, #85BBCB 50%, #B2B5DF 100%);
}
</style>