#596AAB - #CFD4E7 | 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 #CFD4E7

#596AAB #CFD4E7

Calculate the color between two colors, #596AAB and #CFD4E7. 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 - #CFD4E7 | 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 #CFD4E7 as 100%.

0.0%	0.0% #596AAB	RGB 89 106 171	#596AAB
16.7%	16.7% #6C7BB5	RGB 108 123 181	#6C7BB5
33.3%	33.3% #808DBF	RGB 128 141 191	#808DBF
50.0%	50.0% #949FC9	RGB 148 159 201	#949FC9
66.7%	66.7% #A7B0D3	RGB 167 176 211	#A7B0D3
83.3%	83.3% #BBC2DD	RGB 187 194 221	#BBC2DD
100.0%	100.0% #CFD4E7	RGB 207 212 231	#CFD4E7

#596AAB #6C7BB5 #808DBF #949FC9 #A7B0D3 #BBC2DD #CFD4E7

#596AAB - #CFD4E7

HSV Blend

#596AAB - #CFD4E7 | 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 #CFD4E7 as 100%.

0.0%	0.0% #596AAB	RGB 89 106 171	#596AAB
16.7%	16.7% #6979B5	RGB 105 121 181	#6979B5
33.3%	33.3% #7B89BF	RGB 123 137 191	#7B89BF
50.0%	50.0% #8E9AC9	RGB 142 154 201	#8E9AC9
66.7%	66.7% #A2ACD3	RGB 162 172 211	#A2ACD3
83.3%	83.3% #B8BFDD	RGB 184 191 221	#B8BFDD
100.0%	100.0% #CFD4E7	RGB 207 212 231	#CFD4E7

#596AAB #6979B5 #7B89BF #8E9AC9 #A2ACD3 #B8BFDD #CFD4E7

#596AAB - #8E9AC9 - #CFD4E7

CSS codes

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

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