#C0C0FA - #596BCC | 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 #C0C0FA to #596BCC

#C0C0FA #596BCC

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

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

0.0%	0.0% #C0C0FA	RGB 192 192 250	#C0C0FA
16.7%	16.7% #AEB1F2	RGB 174 177 242	#AEB1F2
33.3%	33.3% #9DA3EA	RGB 157 163 234	#9DA3EA
50.0%	50.0% #8C95E3	RGB 140 149 227	#8C95E3
66.7%	66.7% #7B87DB	RGB 123 135 219	#7B87DB
83.3%	83.3% #6A79D3	RGB 106 121 211	#6A79D3
100.0%	100.0% #596BCC	RGB 89 107 204	#596BCC

#C0C0FA #AEB1F2 #9DA3EA #8C95E3 #7B87DB #6A79D3 #596BCC

#C0C0FA - #596BCC

HSV Blend

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

0.0%	0.0% #C0C0FA	RGB 192 192 250	#C0C0FA
16.7%	16.7% #ACAEF2	RGB 172 174 242	#ACAEF2
33.3%	33.3% #9A9EEA	RGB 154 158 234	#9A9EEA
50.0%	50.0% #888FE3	RGB 136 143 227	#888FE3
66.7%	66.7% #7782DB	RGB 119 130 219	#7782DB
83.3%	83.3% #6876D3	RGB 104 118 211	#6876D3
100.0%	100.0% #596BCC	RGB 89 107 204	#596BCC

#C0C0FA #ACAEF2 #9A9EEA #888FE3 #7782DB #6876D3 #596BCC

#C0C0FA - #888FE3 - #596BCC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0C0FA 0%, #888FE3 50%, #596BCC 100%);
    background: -webkit-linear-gradient(top, #C0C0FA 0%, #888FE3 50%, #596BCC 100%);
    background: linear-gradient(to bottom, #C0C0FA 0%, #888FE3 50%, #596BCC 100%);
}
</style>