#5E5D9F - #A2D3BA | 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 #5E5D9F to #A2D3BA

#5E5D9F #A2D3BA

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

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

0.0%	0.0% #5E5D9F	RGB 94 93 159	#5E5D9F
16.7%	16.7% #6970A3	RGB 105 112 163	#6970A3
33.3%	33.3% #7484A8	RGB 116 132 168	#7484A8
50.0%	50.0% #8098AC	RGB 128 152 172	#8098AC
66.7%	66.7% #8BABB1	RGB 139 171 177	#8BABB1
83.3%	83.3% #96BFB5	RGB 150 191 181	#96BFB5
100.0%	100.0% #A2D3BA	RGB 162 211 186	#A2D3BA

#5E5D9F #6970A3 #7484A8 #8098AC #8BABB1 #96BFB5 #A2D3BA

#5E5D9F - #A2D3BA

HSV Blend

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

0.0%	0.0% #5D5D9F	RGB 93 93 159	#5D5D9F
16.7%	16.7% #6776A7	RGB 103 118 167	#6776A7
33.3%	33.3% #7190B0	RGB 113 144 176	#7190B0
50.0%	50.0% #7DA9B9	RGB 125 169 185	#7DA9B9
66.7%	66.7% #88C1C1	RGB 136 193 193	#88C1C1
83.3%	83.3% #95CABC	RGB 149 202 188	#95CABC
100.0%	100.0% #A2D3BA	RGB 162 211 186	#A2D3BA

#5D5D9F #6776A7 #7190B0 #7DA9B9 #88C1C1 #95CABC #A2D3BA

#5E5D9F - #7DA9B9 - #A2D3BA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5D9F 0%, #7DA9B9 50%, #A2D3BA 100%);
    background: -webkit-linear-gradient(top, #5D5D9F 0%, #7DA9B9 50%, #A2D3BA 100%);
    background: linear-gradient(to bottom, #5D5D9F 0%, #7DA9B9 50%, #A2D3BA 100%);
}
</style>