#DAD5E8 - #757CB1 | 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 #DAD5E8 to #757CB1

#DAD5E8 #757CB1

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

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

0.0%	0.0% #DAD5E8	RGB 218 213 232	#DAD5E8
16.7%	16.7% #C9C6DE	RGB 201 198 222	#C9C6DE
33.3%	33.3% #B8B7D5	RGB 184 183 213	#B8B7D5
50.0%	50.0% #A7A8CC	RGB 167 168 204	#A7A8CC
66.7%	66.7% #9699C3	RGB 150 153 195	#9699C3
83.3%	83.3% #858ABA	RGB 133 138 186	#858ABA
100.0%	100.0% #757CB1	RGB 117 124 177	#757CB1

#DAD5E8 #C9C6DE #B8B7D5 #A7A8CC #9699C3 #858ABA #757CB1

#DAD5E8 - #757CB1

HSV Blend

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

0.0%	0.0% #DAD5E8	RGB 218 213 232	#DAD5E8
16.7%	16.7% #C8C3DE	RGB 200 195 222	#C8C3DE
33.3%	33.3% #B6B1D5	RGB 182 177 213	#B6B1D5
50.0%	50.0% #A4A1CC	RGB 164 161 204	#A4A1CC
66.7%	66.7% #9291C3	RGB 146 145 195	#9291C3
83.3%	83.3% #8385BA	RGB 131 133 186	#8385BA
100.0%	100.0% #757CB1	RGB 117 124 177	#757CB1

#DAD5E8 #C8C3DE #B6B1D5 #A4A1CC #9291C3 #8385BA #757CB1

#DAD5E8 - #A4A1CC - #757CB1

CSS codes

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

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