#DADEE5 - #8484A8 | 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 #DADEE5 to #8484A8

#DADEE5 #8484A8

Calculate the color between two colors, #DADEE5 and #8484A8. 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)

#DADEE5 - #8484A8 | 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 #DADEE5 as 0% and #8484A8 as 100%.

0.0%	0.0% #DADEE5	RGB 218 222 229	#DADEE5
16.7%	16.7% #CBCFDA	RGB 203 207 218	#CBCFDA
33.3%	33.3% #BDC0D0	RGB 189 192 208	#BDC0D0
50.0%	50.0% #AFB1C6	RGB 175 177 198	#AFB1C6
66.7%	66.7% #A0A2BC	RGB 160 162 188	#A0A2BC
83.3%	83.3% #9293B2	RGB 146 147 178	#9293B2
100.0%	100.0% #8484A8	RGB 132 132 168	#8484A8

#DADEE5 #CBCFDA #BDC0D0 #AFB1C6 #A0A2BC #9293B2 #8484A8

#DADEE5 - #8484A8

HSV Blend

#DADEE5 - #8484A8 | 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 #DADEE5 as 0% and #8484A8 as 100%.

0.0%	0.0% #DADEE5	RGB 218 222 229	#DADEE5
16.7%	16.7% #CACFDA	RGB 202 207 218	#CACFDA
33.3%	33.3% #BBC0D0	RGB 187 192 208	#BBC0D0
50.0%	50.0% #ACB1C6	RGB 172 177 198	#ACB1C6
66.7%	66.7% #9EA2BC	RGB 158 162 188	#9EA2BC
83.3%	83.3% #9092B2	RGB 144 146 178	#9092B2
100.0%	100.0% #8484A8	RGB 132 132 168	#8484A8

#DADEE5 #CACFDA #BBC0D0 #ACB1C6 #9EA2BC #9092B2 #8484A8

#DADEE5 - #ACB1C6 - #8484A8

CSS codes

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

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