#000EEA - #B6BAF9 | 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 #000EEA to #B6BAF9

#000EEA #B6BAF9

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

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

0.0%	0.0% #000EEA	RGB 0 14 234	#000EEA
16.7%	16.7% #1E2AEC	RGB 30 42 236	#1E2AEC
33.3%	33.3% #3C47EF	RGB 60 71 239	#3C47EF
50.0%	50.0% #5B64F1	RGB 91 100 241	#5B64F1
66.7%	66.7% #7980F4	RGB 121 128 244	#7980F4
83.3%	83.3% #979DF6	RGB 151 157 246	#979DF6
100.0%	100.0% #B6BAF9	RGB 182 186 249	#B6BAF9

#000EEA #1E2AEC #3C47EF #5B64F1 #7980F4 #979DF6 #B6BAF9

#000EEA - #B6BAF9

HSV Blend

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

0.0%	0.0% #000EEA	RGB 0 14 234	#000EEA
16.7%	16.7% #1C29EC	RGB 28 41 236	#1C29EC
33.3%	33.3% #3A45EF	RGB 58 69 239	#3A45EF
50.0%	50.0% #5861F1	RGB 88 97 241	#5861F1
66.7%	66.7% #767EF4	RGB 118 126 244	#767EF4
83.3%	83.3% #969BF6	RGB 150 155 246	#969BF6
100.0%	100.0% #B6BAF9	RGB 182 186 249	#B6BAF9

#000EEA #1C29EC #3A45EF #5861F1 #767EF4 #969BF6 #B6BAF9

#000EEA - #5861F1 - #B6BAF9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000EEA 0%, #5861F1 50%, #B6BAF9 100%);
    background: -webkit-linear-gradient(top, #000EEA 0%, #5861F1 50%, #B6BAF9 100%);
    background: linear-gradient(to bottom, #000EEA 0%, #5861F1 50%, #B6BAF9 100%);
}
</style>