#DAD5E9 - #947CAD | 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 #DAD5E9 to #947CAD

#DAD5E9 #947CAD

Calculate the color between two colors, #DAD5E9 and #947CAD. 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)

#DAD5E9 - #947CAD | 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 #DAD5E9 as 0% and #947CAD as 100%.

0.0%	0.0% #DAD5E9	RGB 218 213 233	#DAD5E9
16.7%	16.7% #CEC6DF	RGB 206 198 223	#CEC6DF
33.3%	33.3% #C2B7D5	RGB 194 183 213	#C2B7D5
50.0%	50.0% #B7A8CB	RGB 183 168 203	#B7A8CB
66.7%	66.7% #AB99C1	RGB 171 153 193	#AB99C1
83.3%	83.3% #9F8AB7	RGB 159 138 183	#9F8AB7
100.0%	100.0% #947CAD	RGB 148 124 173	#947CAD

#DAD5E9 #CEC6DF #C2B7D5 #B7A8CB #AB99C1 #9F8AB7 #947CAD

#DAD5E9 - #947CAD

HSV Blend

#DAD5E9 - #947CAD | 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 #DAD5E9 as 0% and #947CAD as 100%.

0.0%	0.0% #DAD5E9	RGB 218 213 233	#DAD5E9
16.7%	16.7% #CCC4DF	RGB 204 196 223	#CCC4DF
33.3%	33.3% #BFB4D5	RGB 191 180 213	#BFB4D5
50.0%	50.0% #B3A5CB	RGB 179 165 203	#B3A5CB
66.7%	66.7% #A897C1	RGB 168 151 193	#A897C1
83.3%	83.3% #9D89B7	RGB 157 137 183	#9D89B7
100.0%	100.0% #947CAD	RGB 148 124 173	#947CAD

#DAD5E9 #CCC4DF #BFB4D5 #B3A5CB #A897C1 #9D89B7 #947CAD

#DAD5E9 - #B3A5CB - #947CAD

CSS codes

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

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