#B5C9DB - #515C9A | 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 #B5C9DB to #515C9A

#B5C9DB #515C9A

Calculate the color between two colors, #B5C9DB and #515C9A. 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)

#B5C9DB - #515C9A | 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 #B5C9DB as 0% and #515C9A as 100%.

0.0%	0.0% #B5C9DB	RGB 181 201 219	#B5C9DB
16.7%	16.7% #A4B6D0	RGB 164 182 208	#A4B6D0
33.3%	33.3% #93A4C5	RGB 147 164 197	#93A4C5
50.0%	50.0% #8392BA	RGB 131 146 186	#8392BA
66.7%	66.7% #7280AF	RGB 114 128 175	#7280AF
83.3%	83.3% #616EA4	RGB 97 110 164	#616EA4
100.0%	100.0% #515C9A	RGB 81 92 154	#515C9A

#B5C9DB #A4B6D0 #93A4C5 #8392BA #7280AF #616EA4 #515C9A

#B5C9DB - #515C9A

HSV Blend

#B5C9DB - #515C9A | 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 #B5C9DB as 0% and #515C9A as 100%.

0.0%	0.0% #B5C9DB	RGB 181 201 219	#B5C9DB
16.7%	16.7% #A1B7D0	RGB 161 183 208	#A1B7D0
33.3%	33.3% #8FA4C5	RGB 143 164 197	#8FA4C5
50.0%	50.0% #7E92BA	RGB 126 146 186	#7E92BA
66.7%	66.7% #6D80AF	RGB 109 128 175	#6D80AF
83.3%	83.3% #5E6DA4	RGB 94 109 164	#5E6DA4
100.0%	100.0% #515C9A	RGB 81 92 154	#515C9A

#B5C9DB #A1B7D0 #8FA4C5 #7E92BA #6D80AF #5E6DA4 #515C9A

#B5C9DB - #7E92BA - #515C9A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5C9DB 0%, #7E92BA 50%, #515C9A 100%);
    background: -webkit-linear-gradient(top, #B5C9DB 0%, #7E92BA 50%, #515C9A 100%);
    background: linear-gradient(to bottom, #B5C9DB 0%, #7E92BA 50%, #515C9A 100%);
}
</style>