#D1D5E8 - #748CB1 | 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 #D1D5E8 to #748CB1

#D1D5E8 #748CB1

Calculate the color between two colors, #D1D5E8 and #748CB1. 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)

#D1D5E8 - #748CB1 | 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 #D1D5E8 as 0% and #748CB1 as 100%.

0.0%	0.0% #D1D5E8	RGB 209 213 232	#D1D5E8
16.7%	16.7% #C1C8DE	RGB 193 200 222	#C1C8DE
33.3%	33.3% #B2BCD5	RGB 178 188 213	#B2BCD5
50.0%	50.0% #A2B0CC	RGB 162 176 204	#A2B0CC
66.7%	66.7% #93A4C3	RGB 147 164 195	#93A4C3
83.3%	83.3% #8398BA	RGB 131 152 186	#8398BA
100.0%	100.0% #748CB1	RGB 116 140 177	#748CB1

#D1D5E8 #C1C8DE #B2BCD5 #A2B0CC #93A4C3 #8398BA #748CB1

#D1D5E8 - #748CB1

HSV Blend

#D1D5E8 - #748CB1 | 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 #D1D5E8 as 0% and #748CB1 as 100%.

0.0%	0.0% #D1D5E8	RGB 209 213 232	#D1D5E8
16.7%	16.7% #BFC6DE	RGB 191 198 222	#BFC6DE
33.3%	33.3% #AEB8D5	RGB 174 184 213	#AEB8D5
50.0%	50.0% #9FABCC	RGB 159 171 204	#9FABCC
66.7%	66.7% #8FA0C3	RGB 143 160 195	#8FA0C3
83.3%	83.3% #8195BA	RGB 129 149 186	#8195BA
100.0%	100.0% #748CB1	RGB 116 140 177	#748CB1

#D1D5E8 #BFC6DE #AEB8D5 #9FABCC #8FA0C3 #8195BA #748CB1

#D1D5E8 - #9FABCC - #748CB1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D1D5E8 0%, #9FABCC 50%, #748CB1 100%);
    background: -webkit-linear-gradient(top, #D1D5E8 0%, #9FABCC 50%, #748CB1 100%);
    background: linear-gradient(to bottom, #D1D5E8 0%, #9FABCC 50%, #748CB1 100%);
}
</style>