#5282A8 - #BBC4C2 | 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 #5282A8 to #BBC4C2

#5282A8 #BBC4C2

Calculate the color between two colors, #5282A8 and #BBC4C2. 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)

#5282A8 - #BBC4C2 | 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 #5282A8 as 0% and #BBC4C2 as 100%.

0.0%	0.0% #5282A8	RGB 82 130 168	#5282A8
16.7%	16.7% #638DAC	RGB 99 141 172	#638DAC
33.3%	33.3% #7598B0	RGB 117 152 176	#7598B0
50.0%	50.0% #86A3B5	RGB 134 163 181	#86A3B5
66.7%	66.7% #98AEB9	RGB 152 174 185	#98AEB9
83.3%	83.3% #A9B9BD	RGB 169 185 189	#A9B9BD
100.0%	100.0% #BBC4C2	RGB 187 196 194	#BBC4C2

#5282A8 #638DAC #7598B0 #86A3B5 #98AEB9 #A9B9BD #BBC4C2

#5282A8 - #BBC4C2

HSV Blend

#5282A8 - #BBC4C2 | 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 #5282A8 as 0% and #BBC4C2 as 100%.

0.0%	0.0% #5282A8	RGB 82 130 168	#5282A8
16.7%	16.7% #6193AC	RGB 97 147 172	#6193AC
33.3%	33.3% #72A3B1	RGB 114 163 177	#72A3B1
50.0%	50.0% #83B0B6	RGB 131 176 182	#83B0B6
66.7%	66.7% #95BABA	RGB 149 186 186	#95BABA
83.3%	83.3% #A7BFBC	RGB 167 191 188	#A7BFBC
100.0%	100.0% #BBC4C2	RGB 187 196 194	#BBC4C2

#5282A8 #6193AC #72A3B1 #83B0B6 #95BABA #A7BFBC #BBC4C2

#5282A8 - #83B0B6 - #BBC4C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5282A8 0%, #83B0B6 50%, #BBC4C2 100%);
    background: -webkit-linear-gradient(top, #5282A8 0%, #83B0B6 50%, #BBC4C2 100%);
    background: linear-gradient(to bottom, #5282A8 0%, #83B0B6 50%, #BBC4C2 100%);
}
</style>