#596AAB - #A8AFC6 | 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 #596AAB to #A8AFC6

#596AAB #A8AFC6

Calculate the color between two colors, #596AAB and #A8AFC6. 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)

#596AAB - #A8AFC6 | 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 #596AAB as 0% and #A8AFC6 as 100%.

0.0%	0.0% #596AAB	RGB 89 106 171	#596AAB
16.7%	16.7% #6675AF	RGB 102 117 175	#6675AF
33.3%	33.3% #7381B4	RGB 115 129 180	#7381B4
50.0%	50.0% #808CB8	RGB 128 140 184	#808CB8
66.7%	66.7% #8D98BD	RGB 141 152 189	#8D98BD
83.3%	83.3% #9AA3C1	RGB 154 163 193	#9AA3C1
100.0%	100.0% #A8AFC6	RGB 168 175 198	#A8AFC6

#596AAB #6675AF #7381B4 #808CB8 #8D98BD #9AA3C1 #A8AFC6

#596AAB - #A8AFC6

HSV Blend

#596AAB - #A8AFC6 | 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 #596AAB as 0% and #A8AFC6 as 100%.

0.0%	0.0% #596AAB	RGB 89 106 171	#596AAB
16.7%	16.7% #6474AF	RGB 100 116 175	#6474AF
33.3%	33.3% #717FB4	RGB 113 127 180	#717FB4
50.0%	50.0% #7E8BB8	RGB 126 139 184	#7E8BB8
66.7%	66.7% #8B96BD	RGB 139 150 189	#8B96BD
83.3%	83.3% #99A2C1	RGB 153 162 193	#99A2C1
100.0%	100.0% #A8AFC6	RGB 168 175 198	#A8AFC6

#596AAB #6474AF #717FB4 #7E8BB8 #8B96BD #99A2C1 #A8AFC6

#596AAB - #7E8BB8 - #A8AFC6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #596AAB 0%, #7E8BB8 50%, #A8AFC6 100%);
    background: -webkit-linear-gradient(top, #596AAB 0%, #7E8BB8 50%, #A8AFC6 100%);
    background: linear-gradient(to bottom, #596AAB 0%, #7E8BB8 50%, #A8AFC6 100%);
}
</style>