#B5D0FD - #4767CC | 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 #B5D0FD to #4767CC

#B5D0FD #4767CC

Calculate the color between two colors, #B5D0FD and #4767CC. 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)

#B5D0FD - #4767CC | 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 #B5D0FD as 0% and #4767CC as 100%.

0.0%	0.0% #B5D0FD	RGB 181 208 253	#B5D0FD
16.7%	16.7% #A2BEF4	RGB 162 190 244	#A2BEF4
33.3%	33.3% #90ADEC	RGB 144 173 236	#90ADEC
50.0%	50.0% #7E9BE4	RGB 126 155 228	#7E9BE4
66.7%	66.7% #6B8ADC	RGB 107 138 220	#6B8ADC
83.3%	83.3% #5978D4	RGB 89 120 212	#5978D4
100.0%	100.0% #4767CC	RGB 71 103 204	#4767CC

#B5D0FD #A2BEF4 #90ADEC #7E9BE4 #6B8ADC #5978D4 #4767CC

#B5D0FD - #4767CC

HSV Blend

#B5D0FD - #4767CC | 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 #B5D0FD as 0% and #4767CC as 100%.

0.0%	0.0% #B5D0FD	RGB 181 208 253	#B5D0FD
16.7%	16.7% #A0BEF4	RGB 160 190 244	#A0BEF4
33.3%	33.3% #8CACEC	RGB 140 172 236	#8CACEC
50.0%	50.0% #799AE4	RGB 121 154 228	#799AE4
66.7%	66.7% #6788DC	RGB 103 136 220	#6788DC
83.3%	83.3% #5677D4	RGB 86 119 212	#5677D4
100.0%	100.0% #4767CC	RGB 71 103 204	#4767CC

#B5D0FD #A0BEF4 #8CACEC #799AE4 #6788DC #5677D4 #4767CC

#B5D0FD - #799AE4 - #4767CC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5D0FD 0%, #799AE4 50%, #4767CC 100%);
    background: -webkit-linear-gradient(top, #B5D0FD 0%, #799AE4 50%, #4767CC 100%);
    background: linear-gradient(to bottom, #B5D0FD 0%, #799AE4 50%, #4767CC 100%);
}
</style>