#B5CADC - #515D9B | 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 #B5CADC to #515D9B

#B5CADC #515D9B

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

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

0.0%	0.0% #B5CADC	RGB 181 202 220	#B5CADC
16.7%	16.7% #A4B7D1	RGB 164 183 209	#A4B7D1
33.3%	33.3% #93A5C6	RGB 147 165 198	#93A5C6
50.0%	50.0% #8393BB	RGB 131 147 187	#8393BB
66.7%	66.7% #7281B0	RGB 114 129 176	#7281B0
83.3%	83.3% #616FA5	RGB 97 111 165	#616FA5
100.0%	100.0% #515D9B	RGB 81 93 155	#515D9B

#B5CADC #A4B7D1 #93A5C6 #8393BB #7281B0 #616FA5 #515D9B

#B5CADC - #515D9B

HSV Blend

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

0.0%	0.0% #B5CADC	RGB 181 202 220	#B5CADC
16.7%	16.7% #A1B8D1	RGB 161 184 209	#A1B8D1
33.3%	33.3% #8FA6C6	RGB 143 166 198	#8FA6C6
50.0%	50.0% #7E93BB	RGB 126 147 187	#7E93BB
66.7%	66.7% #6D81B0	RGB 109 129 176	#6D81B0
83.3%	83.3% #5E6EA5	RGB 94 110 165	#5E6EA5
100.0%	100.0% #515D9B	RGB 81 93 155	#515D9B

#B5CADC #A1B8D1 #8FA6C6 #7E93BB #6D81B0 #5E6EA5 #515D9B

#B5CADC - #7E93BB - #515D9B

CSS codes

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

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