#000CDA - #B6B9F4 | 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 #000CDA to #B6B9F4

#000CDA #B6B9F4

Calculate the color between two colors, #000CDA and #B6B9F4. 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)

#000CDA - #B6B9F4 | 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 #000CDA as 0% and #B6B9F4 as 100%.

0.0%	0.0% #000CDA	RGB 0 12 218	#000CDA
16.7%	16.7% #1E28DE	RGB 30 40 222	#1E28DE
33.3%	33.3% #3C45E2	RGB 60 69 226	#3C45E2
50.0%	50.0% #5B62E7	RGB 91 98 231	#5B62E7
66.7%	66.7% #797FEB	RGB 121 127 235	#797FEB
83.3%	83.3% #979CEF	RGB 151 156 239	#979CEF
100.0%	100.0% #B6B9F4	RGB 182 185 244	#B6B9F4

#000CDA #1E28DE #3C45E2 #5B62E7 #797FEB #979CEF #B6B9F4

#000CDA - #B6B9F4

HSV Blend

#000CDA - #B6B9F4 | 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 #000CDA as 0% and #B6B9F4 as 100%.

0.0%	0.0% #000CDA	RGB 0 12 218	#000CDA
16.7%	16.7% #1B26DE	RGB 27 38 222	#1B26DE
33.3%	33.3% #3841E2	RGB 56 65 226	#3841E2
50.0%	50.0% #565DE7	RGB 86 93 231	#565DE7
66.7%	66.7% #757BEB	RGB 117 123 235	#757BEB
83.3%	83.3% #9499EF	RGB 148 153 239	#9499EF
100.0%	100.0% #B6B9F4	RGB 182 185 244	#B6B9F4

#000CDA #1B26DE #3841E2 #565DE7 #757BEB #9499EF #B6B9F4

#000CDA - #565DE7 - #B6B9F4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000CDA 0%, #565DE7 50%, #B6B9F4 100%);
    background: -webkit-linear-gradient(top, #000CDA 0%, #565DE7 50%, #B6B9F4 100%);
    background: linear-gradient(to bottom, #000CDA 0%, #565DE7 50%, #B6B9F4 100%);
}
</style>