#DFDFE5 - #8691AC | 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 #DFDFE5 to #8691AC

#DFDFE5 #8691AC

Calculate the color between two colors, #DFDFE5 and #8691AC. 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)

#DFDFE5 - #8691AC | 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 #DFDFE5 as 0% and #8691AC as 100%.

0.0%	0.0% #DFDFE5	RGB 223 223 229	#DFDFE5
16.7%	16.7% #D0D2DB	RGB 208 210 219	#D0D2DB
33.3%	33.3% #C1C5D2	RGB 193 197 210	#C1C5D2
50.0%	50.0% #B2B8C8	RGB 178 184 200	#B2B8C8
66.7%	66.7% #A3ABBF	RGB 163 171 191	#A3ABBF
83.3%	83.3% #949EB5	RGB 148 158 181	#949EB5
100.0%	100.0% #8691AC	RGB 134 145 172	#8691AC

#DFDFE5 #D0D2DB #C1C5D2 #B2B8C8 #A3ABBF #949EB5 #8691AC

#DFDFE5 - #8691AC

HSV Blend

#DFDFE5 - #8691AC | 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 #DFDFE5 as 0% and #8691AC as 100%.

0.0%	0.0% #DFDFE5	RGB 223 223 229	#DFDFE5
16.7%	16.7% #CECFDB	RGB 206 207 219	#CECFDB
33.3%	33.3% #BEC0D2	RGB 190 192 210	#BEC0D2
50.0%	50.0% #AFB3C8	RGB 175 179 200	#AFB3C8
66.7%	66.7% #A1A6BF	RGB 161 166 191	#A1A6BF
83.3%	83.3% #939BB5	RGB 147 155 181	#939BB5
100.0%	100.0% #8691AC	RGB 134 145 172	#8691AC

#DFDFE5 #CECFDB #BEC0D2 #AFB3C8 #A1A6BF #939BB5 #8691AC

#DFDFE5 - #AFB3C8 - #8691AC

CSS codes

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

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