#B5E5FF - #334148 | 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 #B5E5FF to #334148

#B5E5FF #334148

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

#B5E5FF - #334148 | 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 #B5E5FF as 0% and #334148 as 100%.

0.0%	0.0% #B5E5FF	RGB 181 229 255	#B5E5FF
16.7%	16.7% #9FC9E0	RGB 159 201 224	#9FC9E0
33.3%	33.3% #89AEC2	RGB 137 174 194	#89AEC2
50.0%	50.0% #7493A3	RGB 116 147 163	#7493A3
66.7%	66.7% #5E7784	RGB 94 119 132	#5E7784
83.3%	83.3% #485C66	RGB 72 92 102	#485C66
100.0%	100.0% #334148	RGB 51 65 72	#334148

#B5E5FF #9FC9E0 #89AEC2 #7493A3 #5E7784 #485C66 #334148

#B5E5FF - #334148

HSV Blend

#B5E5FF - #334148 | 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 #B5E5FF as 0% and #334148 as 100%.

0.0%	0.0% #B5E5FF	RGB 181 229 255	#B5E5FF
16.7%	16.7% #9FC9E0	RGB 159 201 224	#9FC9E0
33.3%	33.3% #89AEC2	RGB 137 174 194	#89AEC2
50.0%	50.0% #7393A3	RGB 115 147 163	#7393A3
66.7%	66.7% #5E7784	RGB 94 119 132	#5E7784
83.3%	83.3% #485C66	RGB 72 92 102	#485C66
100.0%	100.0% #334148	RGB 51 65 72	#334148

#B5E5FF #9FC9E0 #89AEC2 #7393A3 #5E7784 #485C66 #334148

#B5E5FF - #7393A3 - #334148

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E5FF 0%, #7393A3 50%, #334148 100%);
    background: -webkit-linear-gradient(top, #B5E5FF 0%, #7393A3 50%, #334148 100%);
    background: linear-gradient(to bottom, #B5E5FF 0%, #7393A3 50%, #334148 100%);
}
</style>