#B5CDDF - #608FAC | 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 #B5CDDF to #608FAC

#B5CDDF #608FAC

Calculate the color between two colors, #B5CDDF and #608FAC. 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)

#B5CDDF - #608FAC | 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 #B5CDDF as 0% and #608FAC as 100%.

0.0%	0.0% #B5CDDF	RGB 181 205 223	#B5CDDF
16.7%	16.7% #A6C2D6	RGB 166 194 214	#A6C2D6
33.3%	33.3% #98B8CE	RGB 152 184 206	#98B8CE
50.0%	50.0% #8AAEC5	RGB 138 174 197	#8AAEC5
66.7%	66.7% #7CA3BD	RGB 124 163 189	#7CA3BD
83.3%	83.3% #6E99B4	RGB 110 153 180	#6E99B4
100.0%	100.0% #608FAC	RGB 96 143 172	#608FAC

#B5CDDF #A6C2D6 #98B8CE #8AAEC5 #7CA3BD #6E99B4 #608FAC

#B5CDDF - #608FAC

HSV Blend

#B5CDDF - #608FAC | 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 #B5CDDF as 0% and #608FAC as 100%.

0.0%	0.0% #B5CDDF	RGB 181 205 223	#B5CDDF
16.7%	16.7% #A5C1D6	RGB 165 193 214	#A5C1D6
33.3%	33.3% #95B6CE	RGB 149 182 206	#95B6CE
50.0%	50.0% #87ACC5	RGB 135 172 197	#87ACC5
66.7%	66.7% #79A2BD	RGB 121 162 189	#79A2BD
83.3%	83.3% #6C98B4	RGB 108 152 180	#6C98B4
100.0%	100.0% #608FAC	RGB 96 143 172	#608FAC

#B5CDDF #A5C1D6 #95B6CE #87ACC5 #79A2BD #6C98B4 #608FAC

#B5CDDF - #87ACC5 - #608FAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5CDDF 0%, #87ACC5 50%, #608FAC 100%);
    background: -webkit-linear-gradient(top, #B5CDDF 0%, #87ACC5 50%, #608FAC 100%);
    background: linear-gradient(to bottom, #B5CDDF 0%, #87ACC5 50%, #608FAC 100%);
}
</style>