#C0C0EB - #5B70B5 | 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 #C0C0EB to #5B70B5

#C0C0EB #5B70B5

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

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

0.0%	0.0% #C0C0EB	RGB 192 192 235	#C0C0EB
16.7%	16.7% #AFB2E2	RGB 175 178 226	#AFB2E2
33.3%	33.3% #9EA5D9	RGB 158 165 217	#9EA5D9
50.0%	50.0% #8D98D0	RGB 141 152 208	#8D98D0
66.7%	66.7% #7C8AC7	RGB 124 138 199	#7C8AC7
83.3%	83.3% #6B7DBE	RGB 107 125 190	#6B7DBE
100.0%	100.0% #5B70B5	RGB 91 112 181	#5B70B5

#C0C0EB #AFB2E2 #9EA5D9 #8D98D0 #7C8AC7 #6B7DBE #5B70B5

#C0C0EB - #5B70B5

HSV Blend

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

0.0%	0.0% #C0C0EB	RGB 192 192 235	#C0C0EB
16.7%	16.7% #ACAEE2	RGB 172 174 226	#ACAEE2
33.3%	33.3% #9A9FD9	RGB 154 159 217	#9A9FD9
50.0%	50.0% #8991D0	RGB 137 145 208	#8991D0
66.7%	66.7% #7885C7	RGB 120 133 199	#7885C7
83.3%	83.3% #6979BE	RGB 105 121 190	#6979BE
100.0%	100.0% #5B70B5	RGB 91 112 181	#5B70B5

#C0C0EB #ACAEE2 #9A9FD9 #8991D0 #7885C7 #6979BE #5B70B5

#C0C0EB - #8991D0 - #5B70B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0C0EB 0%, #8991D0 50%, #5B70B5 100%);
    background: -webkit-linear-gradient(top, #C0C0EB 0%, #8991D0 50%, #5B70B5 100%);
    background: linear-gradient(to bottom, #C0C0EB 0%, #8991D0 50%, #5B70B5 100%);
}
</style>