#B5C4CF - #CDDFFF | 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 #B5C4CF to #CDDFFF

#B5C4CF #CDDFFF

Calculate the color between two colors, #B5C4CF and #CDDFFF. 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)

#B5C4CF - #CDDFFF | 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 #B5C4CF as 0% and #CDDFFF as 100%.

0.0%	0.0% #B5C4CF	RGB 181 196 207	#B5C4CF
16.7%	16.7% #B9C8D7	RGB 185 200 215	#B9C8D7
33.3%	33.3% #BDCDDF	RGB 189 205 223	#BDCDDF
50.0%	50.0% #C1D1E7	RGB 193 209 231	#C1D1E7
66.7%	66.7% #C5D6EF	RGB 197 214 239	#C5D6EF
83.3%	83.3% #C9DAF7	RGB 201 218 247	#C9DAF7
100.0%	100.0% #CDDFFF	RGB 205 223 255	#CDDFFF

#B5C4CF #B9C8D7 #BDCDDF #C1D1E7 #C5D6EF #C9DAF7 #CDDFFF

#B5C4CF - #CDDFFF

HSV Blend

#B5C4CF - #CDDFFF | 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 #B5C4CF as 0% and #CDDFFF as 100%.

0.0%	0.0% #B5C4CF	RGB 181 196 207	#B5C4CF
16.7%	16.7% #B9C9D7	RGB 185 201 215	#B9C9D7
33.3%	33.3% #BDCEDF	RGB 189 206 223	#BDCEDF
50.0%	50.0% #C1D3E7	RGB 193 211 231	#C1D3E7
66.7%	66.7% #C5D7EF	RGB 197 215 239	#C5D7EF
83.3%	83.3% #C9DBF7	RGB 201 219 247	#C9DBF7
100.0%	100.0% #CDDFFF	RGB 205 223 255	#CDDFFF

#B5C4CF #B9C9D7 #BDCEDF #C1D3E7 #C5D7EF #C9DBF7 #CDDFFF

#B5C4CF - #C1D3E7 - #CDDFFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5C4CF 0%, #C1D3E7 50%, #CDDFFF 100%);
    background: -webkit-linear-gradient(top, #B5C4CF 0%, #C1D3E7 50%, #CDDFFF 100%);
    background: linear-gradient(to bottom, #B5C4CF 0%, #C1D3E7 50%, #CDDFFF 100%);
}
</style>