#0000CD - #B6B6F0 | 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 #0000CD to #B6B6F0

#0000CD #B6B6F0

Calculate the color between two colors, #0000CD and #B6B6F0. 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)

#0000CD - #B6B6F0 | 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 #0000CD as 0% and #B6B6F0 as 100%.

0.0%	0.0% #0000CD	RGB 0 0 205	#0000CD
16.7%	16.7% #1E1ED2	RGB 30 30 210	#1E1ED2
33.3%	33.3% #3C3CD8	RGB 60 60 216	#3C3CD8
50.0%	50.0% #5B5BDE	RGB 91 91 222	#5B5BDE
66.7%	66.7% #7979E4	RGB 121 121 228	#7979E4
83.3%	83.3% #9797EA	RGB 151 151 234	#9797EA
100.0%	100.0% #B6B6F0	RGB 182 182 240	#B6B6F0

#0000CD #1E1ED2 #3C3CD8 #5B5BDE #7979E4 #9797EA #B6B6F0

#0000CD - #B6B6F0

HSV Blend

#0000CD - #B6B6F0 | 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 #0000CD as 0% and #B6B6F0 as 100%.

0.0%	0.0% #0000CD	RGB 0 0 205	#0000CD
16.7%	16.7% #1A1AD2	RGB 26 26 210	#1A1AD2
33.3%	33.3% #3636D8	RGB 54 54 216	#3636D8
50.0%	50.0% #5454DE	RGB 84 84 222	#5454DE
66.7%	66.7% #7373E4	RGB 115 115 228	#7373E4
83.3%	83.3% #9393EA	RGB 147 147 234	#9393EA
100.0%	100.0% #B6B6F0	RGB 182 182 240	#B6B6F0

#0000CD #1A1AD2 #3636D8 #5454DE #7373E4 #9393EA #B6B6F0

#0000CD - #5454DE - #B6B6F0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0000CD 0%, #5454DE 50%, #B6B6F0 100%);
    background: -webkit-linear-gradient(top, #0000CD 0%, #5454DE 50%, #B6B6F0 100%);
    background: linear-gradient(to bottom, #0000CD 0%, #5454DE 50%, #B6B6F0 100%);
}
</style>