#B0C0E5 - #D9DFE2 | 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 #B0C0E5 to #D9DFE2

#B0C0E5 #D9DFE2

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

#B0C0E5 - #D9DFE2 | 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 #B0C0E5 as 0% and #D9DFE2 as 100%.

0.0%	0.0% #B0C0E5	RGB 176 192 229	#B0C0E5
16.7%	16.7% #B6C5E4	RGB 182 197 228	#B6C5E4
33.3%	33.3% #BDCAE4	RGB 189 202 228	#BDCAE4
50.0%	50.0% #C4CFE3	RGB 196 207 227	#C4CFE3
66.7%	66.7% #CBD4E3	RGB 203 212 227	#CBD4E3
83.3%	83.3% #D2D9E2	RGB 210 217 226	#D2D9E2
100.0%	100.0% #D9DFE2	RGB 217 223 226	#D9DFE2

#B0C0E5 #B6C5E4 #BDCAE4 #C4CFE3 #CBD4E3 #D2D9E2 #D9DFE2

#B0C0E5 - #D9DFE2

HSV Blend

#B0C0E5 - #D9DFE2 | 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 #B0C0E5 as 0% and #D9DFE2 as 100%.

0.0%	0.0% #B0C0E5	RGB 176 192 229	#B0C0E5
16.7%	16.7% #B6C7E4	RGB 182 199 228	#B6C7E4
33.3%	33.3% #BDCDE4	RGB 189 205 228	#BDCDE4
50.0%	50.0% #C4D3E3	RGB 196 211 227	#C4D3E3
66.7%	66.7% #CBD8E3	RGB 203 216 227	#CBD8E3
83.3%	83.3% #D2DCE2	RGB 210 220 226	#D2DCE2
100.0%	100.0% #D9DFE2	RGB 217 223 226	#D9DFE2

#B0C0E5 #B6C7E4 #BDCDE4 #C4D3E3 #CBD8E3 #D2DCE2 #D9DFE2

#B0C0E5 - #C4D3E3 - #D9DFE2

CSS codes

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

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