#DBB6E1 - #E2E7E2 | 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 #DBB6E1 to #E2E7E2

#DBB6E1 #E2E7E2

Calculate the color between two colors, #DBB6E1 and #E2E7E2. 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)

#DBB6E1 - #E2E7E2 | 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 #DBB6E1 as 0% and #E2E7E2 as 100%.

0.0%	0.0% #DBB6E1	RGB 219 182 225	#DBB6E1
16.7%	16.7% #DCBEE1	RGB 220 190 225	#DCBEE1
33.3%	33.3% #DDC6E1	RGB 221 198 225	#DDC6E1
50.0%	50.0% #DECEE1	RGB 222 206 225	#DECEE1
66.7%	66.7% #DFD6E1	RGB 223 214 225	#DFD6E1
83.3%	83.3% #E0DEE1	RGB 224 222 225	#E0DEE1
100.0%	100.0% #E2E7E2	RGB 226 231 226	#E2E7E2

#DBB6E1 #DCBEE1 #DDC6E1 #DECEE1 #DFD6E1 #E0DEE1 #E2E7E2

#DBB6E1 - #E2E7E2

HSV Blend

#DBB6E1 - #E2E7E2 | 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 #DBB6E1 as 0% and #E2E7E2 as 100%.

0.0%	0.0% #DBB6E1	RGB 219 182 225	#DBB6E1
16.7%	16.7% #CBBDE2	RGB 203 189 226	#CBBDE2
33.3%	33.3% #C4C7E3	RGB 196 199 227	#C4C7E3
50.0%	50.0% #CBD9E4	RGB 203 217 228	#CBD9E4
66.7%	66.7% #D3E5E4	RGB 211 229 228	#D3E5E4
83.3%	83.3% #DAE6DF	RGB 218 230 223	#DAE6DF
100.0%	100.0% #E2E7E2	RGB 226 231 226	#E2E7E2

#DBB6E1 #CBBDE2 #C4C7E3 #CBD9E4 #D3E5E4 #DAE6DF #E2E7E2

#DBB6E1 - #CBD9E4 - #E2E7E2

CSS codes

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

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