#EEEAF7 - #B998C0 | 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 #EEEAF7 to #B998C0

#EEEAF7 #B998C0

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

#EEEAF7 - #B998C0 | 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 #EEEAF7 as 0% and #B998C0 as 100%.

0.0%	0.0% #EEEAF7	RGB 238 234 247	#EEEAF7
16.7%	16.7% #E5DCED	RGB 229 220 237	#E5DCED
33.3%	33.3% #DCCEE4	RGB 220 206 228	#DCCEE4
50.0%	50.0% #D3C1DB	RGB 211 193 219	#D3C1DB
66.7%	66.7% #CAB3D2	RGB 202 179 210	#CAB3D2
83.3%	83.3% #C1A5C9	RGB 193 165 201	#C1A5C9
100.0%	100.0% #B998C0	RGB 185 152 192	#B998C0

#EEEAF7 #E5DCED #DCCEE4 #D3C1DB #CAB3D2 #C1A5C9 #B998C0

#EEEAF7 - #B998C0

HSV Blend

#EEEAF7 - #B998C0 | 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 #EEEAF7 as 0% and #B998C0 as 100%.

0.0%	0.0% #EEEAF7	RGB 238 234 247	#EEEAF7
16.7%	16.7% #E2DBED	RGB 226 219 237	#E2DBED
33.3%	33.3% #D8CCE4	RGB 216 204 228	#D8CCE4
50.0%	50.0% #CFBEDB	RGB 207 190 219	#CFBEDB
66.7%	66.7% #C6B1D2	RGB 198 177 210	#C6B1D2
83.3%	83.3% #BFA4C9	RGB 191 164 201	#BFA4C9
100.0%	100.0% #B998C0	RGB 185 152 192	#B998C0

#EEEAF7 #E2DBED #D8CCE4 #CFBEDB #C6B1D2 #BFA4C9 #B998C0

#EEEAF7 - #CFBEDB - #B998C0

CSS codes

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

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