#827EAB - #DBDAE7 | 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 #827EAB to #DBDAE7

#827EAB #DBDAE7

Calculate the color between two colors, #827EAB and #DBDAE7. 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)

#827EAB - #DBDAE7 | 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 #827EAB as 0% and #DBDAE7 as 100%.

0.0%	0.0% #827EAB	RGB 130 126 171	#827EAB
16.7%	16.7% #908DB5	RGB 144 141 181	#908DB5
33.3%	33.3% #9F9CBF	RGB 159 156 191	#9F9CBF
50.0%	50.0% #AEACC9	RGB 174 172 201	#AEACC9
66.7%	66.7% #BDBBD3	RGB 189 187 211	#BDBBD3
83.3%	83.3% #CCCADD	RGB 204 202 221	#CCCADD
100.0%	100.0% #DBDAE7	RGB 219 218 231	#DBDAE7

#827EAB #908DB5 #9F9CBF #AEACC9 #BDBBD3 #CCCADD #DBDAE7

#827EAB - #DBDAE7

HSV Blend

#827EAB - #DBDAE7 | 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 #827EAB as 0% and #DBDAE7 as 100%.

0.0%	0.0% #827EAB	RGB 130 126 171	#827EAB
16.7%	16.7% #8F8BB5	RGB 143 139 181	#8F8BB5
33.3%	33.3% #9D99BF	RGB 157 153 191	#9D99BF
50.0%	50.0% #ABA8C9	RGB 171 168 201	#ABA8C9
66.7%	66.7% #BAB8D3	RGB 186 184 211	#BAB8D3
83.3%	83.3% #CAC8DD	RGB 202 200 221	#CAC8DD
100.0%	100.0% #DBDAE7	RGB 219 218 231	#DBDAE7

#827EAB #8F8BB5 #9D99BF #ABA8C9 #BAB8D3 #CAC8DD #DBDAE7

#827EAB - #ABA8C9 - #DBDAE7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #827EAB 0%, #ABA8C9 50%, #DBDAE7 100%);
    background: -webkit-linear-gradient(top, #827EAB 0%, #ABA8C9 50%, #DBDAE7 100%);
    background: linear-gradient(to bottom, #827EAB 0%, #ABA8C9 50%, #DBDAE7 100%);
}
</style>