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

#5E708F #B2AAAC

Calculate the color between two colors, #5E708F 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)

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

0.0%	0.0% #5E708F	RGB 94 112 143	#5E708F
16.7%	16.7% #6C7993	RGB 108 121 147	#6C7993
33.3%	33.3% #7A8398	RGB 122 131 152	#7A8398
50.0%	50.0% #888D9D	RGB 136 141 157	#888D9D
66.7%	66.7% #9696A2	RGB 150 150 162	#9696A2
83.3%	83.3% #A4A0A7	RGB 164 160 167	#A4A0A7
100.0%	100.0% #B2AAAC	RGB 178 170 172	#B2AAAC

#5E708F #6C7993 #7A8398 #888D9D #9696A2 #A4A0A7 #B2AAAC

#5E708F - #B2AAAC

HSV Blend

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

0.0%	0.0% #5E708F	RGB 94 112 143	#5E708F
16.7%	16.7% #696994	RGB 105 105 148	#696994
33.3%	33.3% #81759A	RGB 129 117 154	#81759A
50.0%	50.0% #9681A0	RGB 150 129 160	#9681A0
66.7%	66.7% #A68EA5	RGB 166 142 165	#A68EA5
83.3%	83.3% #AC9BA5	RGB 172 155 165	#AC9BA5
100.0%	100.0% #B2AAAC	RGB 178 170 172	#B2AAAC

#5E708F #696994 #81759A #9681A0 #A68EA5 #AC9BA5 #B2AAAC

#5E708F - #9681A0 - #B2AAAC

CSS codes

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

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