#5E6790 - #B2AAAC | 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 #5E6790 to #B2AAAC

#5E6790 #B2AAAC

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

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

0.0%	0.0% #5E6790	RGB 94 103 144	#5E6790
16.7%	16.7% #6C7294	RGB 108 114 148	#6C7294
33.3%	33.3% #7A7D99	RGB 122 125 153	#7A7D99
50.0%	50.0% #88889E	RGB 136 136 158	#88889E
66.7%	66.7% #9693A2	RGB 150 147 162	#9693A2
83.3%	83.3% #A49EA7	RGB 164 158 167	#A49EA7
100.0%	100.0% #B2AAAC	RGB 178 170 172	#B2AAAC

#5E6790 #6C7294 #7A7D99 #88889E #9693A2 #A49EA7 #B2AAAC

#5E6790 - #B2AAAC

HSV Blend

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

0.0%	0.0% #5E6790	RGB 94 103 144	#5E6790
16.7%	16.7% #6F6995	RGB 111 105 149	#6F6995
33.3%	33.3% #86759B	RGB 134 117 155	#86759B
50.0%	50.0% #9A81A1	RGB 154 129 161	#9A81A1
66.7%	66.7% #A68EA4	RGB 166 142 164	#A68EA4
83.3%	83.3% #AC9BA5	RGB 172 155 165	#AC9BA5
100.0%	100.0% #B2AAAC	RGB 178 170 172	#B2AAAC

#5E6790 #6F6995 #86759B #9A81A1 #A68EA4 #AC9BA5 #B2AAAC

#5E6790 - #9A81A1 - #B2AAAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6790 0%, #9A81A1 50%, #B2AAAC 100%);
    background: -webkit-linear-gradient(top, #5E6790 0%, #9A81A1 50%, #B2AAAC 100%);
    background: linear-gradient(to bottom, #5E6790 0%, #9A81A1 50%, #B2AAAC 100%);
}
</style>