#EEE3F0 - #A299B5 | 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 #EEE3F0 to #A299B5

#EEE3F0 #A299B5

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

#EEE3F0 - #A299B5 | 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 #EEE3F0 as 0% and #A299B5 as 100%.

0.0%	0.0% #EEE3F0	RGB 238 227 240	#EEE3F0
16.7%	16.7% #E1D6E6	RGB 225 214 230	#E1D6E6
33.3%	33.3% #D4CADC	RGB 212 202 220	#D4CADC
50.0%	50.0% #C8BED2	RGB 200 190 210	#C8BED2
66.7%	66.7% #BBB1C8	RGB 187 177 200	#BBB1C8
83.3%	83.3% #AEA5BE	RGB 174 165 190	#AEA5BE
100.0%	100.0% #A299B5	RGB 162 153 181	#A299B5

#EEE3F0 #E1D6E6 #D4CADC #C8BED2 #BBB1C8 #AEA5BE #A299B5

#EEE3F0 - #A299B5

HSV Blend

#EEE3F0 - #A299B5 | 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 #EEE3F0 as 0% and #A299B5 as 100%.

0.0%	0.0% #EEE3F0	RGB 238 227 240	#EEE3F0
16.7%	16.7% #E2D5E6	RGB 226 213 230	#E2D5E6
33.3%	33.3% #D5C9DC	RGB 213 201 220	#D5C9DC
50.0%	50.0% #C9BCD2	RGB 201 188 210	#C9BCD2
66.7%	66.7% #BCB0C8	RGB 188 176 200	#BCB0C8
83.3%	83.3% #AFA4BE	RGB 175 164 190	#AFA4BE
100.0%	100.0% #A299B5	RGB 162 153 181	#A299B5

#EEE3F0 #E2D5E6 #D5C9DC #C9BCD2 #BCB0C8 #AFA4BE #A299B5

#EEE3F0 - #C9BCD2 - #A299B5

CSS codes

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

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