#B5CCDC - #5294A0 | 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 #B5CCDC to #5294A0

#B5CCDC #5294A0

Calculate the color between two colors, #B5CCDC and #5294A0. 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)

#B5CCDC - #5294A0 | 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 #B5CCDC as 0% and #5294A0 as 100%.

0.0%	0.0% #B5CCDC	RGB 181 204 220	#B5CCDC
16.7%	16.7% #A4C2D2	RGB 164 194 210	#A4C2D2
33.3%	33.3% #94B9C8	RGB 148 185 200	#94B9C8
50.0%	50.0% #83B0BE	RGB 131 176 190	#83B0BE
66.7%	66.7% #73A6B4	RGB 115 166 180	#73A6B4
83.3%	83.3% #629DAA	RGB 98 157 170	#629DAA
100.0%	100.0% #5294A0	RGB 82 148 160	#5294A0

#B5CCDC #A4C2D2 #94B9C8 #83B0BE #73A6B4 #629DAA #5294A0

#B5CCDC - #5294A0

HSV Blend

#B5CCDC - #5294A0 | 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 #B5CCDC as 0% and #5294A0 as 100%.

0.0%	0.0% #B5CCDC	RGB 181 204 220	#B5CCDC
16.7%	16.7% #A1C0D2	RGB 161 192 210	#A1C0D2
33.3%	33.3% #8FB5C8	RGB 143 181 200	#8FB5C8
50.0%	50.0% #7EACBE	RGB 126 172 190	#7EACBE
66.7%	66.7% #6EA3B4	RGB 110 163 180	#6EA3B4
83.3%	83.3% #5F9BAA	RGB 95 155 170	#5F9BAA
100.0%	100.0% #5294A0	RGB 82 148 160	#5294A0

#B5CCDC #A1C0D2 #8FB5C8 #7EACBE #6EA3B4 #5F9BAA #5294A0

#B5CCDC - #7EACBE - #5294A0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5CCDC 0%, #7EACBE 50%, #5294A0 100%);
    background: -webkit-linear-gradient(top, #B5CCDC 0%, #7EACBE 50%, #5294A0 100%);
    background: linear-gradient(to bottom, #B5CCDC 0%, #7EACBE 50%, #5294A0 100%);
}
</style>