#B5C2FF - #333748 | 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 #B5C2FF to #333748

#B5C2FF #333748

Calculate the color between two colors, #B5C2FF and #333748. 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)

#B5C2FF - #333748 | 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 #B5C2FF as 0% and #333748 as 100%.

0.0%	0.0% #B5C2FF	RGB 181 194 255	#B5C2FF
16.7%	16.7% #9FAAE0	RGB 159 170 224	#9FAAE0
33.3%	33.3% #8993C2	RGB 137 147 194	#8993C2
50.0%	50.0% #747CA3	RGB 116 124 163	#747CA3
66.7%	66.7% #5E6584	RGB 94 101 132	#5E6584
83.3%	83.3% #484E66	RGB 72 78 102	#484E66
100.0%	100.0% #333748	RGB 51 55 72	#333748

#B5C2FF #9FAAE0 #8993C2 #747CA3 #5E6584 #484E66 #333748

#B5C2FF - #333748

HSV Blend

#B5C2FF - #333748 | 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 #B5C2FF as 0% and #333748 as 100%.

0.0%	0.0% #B5C2FF	RGB 181 194 255	#B5C2FF
16.7%	16.7% #9FAAE0	RGB 159 170 224	#9FAAE0
33.3%	33.3% #8993C2	RGB 137 147 194	#8993C2
50.0%	50.0% #737CA3	RGB 115 124 163	#737CA3
66.7%	66.7% #5E6584	RGB 94 101 132	#5E6584
83.3%	83.3% #484E66	RGB 72 78 102	#484E66
100.0%	100.0% #333748	RGB 51 55 72	#333748

#B5C2FF #9FAAE0 #8993C2 #737CA3 #5E6584 #484E66 #333748

#B5C2FF - #737CA3 - #333748

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5C2FF 0%, #737CA3 50%, #333748 100%);
    background: -webkit-linear-gradient(top, #B5C2FF 0%, #737CA3 50%, #333748 100%);
    background: linear-gradient(to bottom, #B5C2FF 0%, #737CA3 50%, #333748 100%);
}
</style>