#9A8BC6 - #E2DDEE | 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 #9A8BC6 to #E2DDEE

#9A8BC6 #E2DDEE

Calculate the color between two colors, #9A8BC6 and #E2DDEE. 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)

#9A8BC6 - #E2DDEE | 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 #9A8BC6 as 0% and #E2DDEE as 100%.

0.0%	0.0% #9A8BC6	RGB 154 139 198	#9A8BC6
16.7%	16.7% #A698CC	RGB 166 152 204	#A698CC
33.3%	33.3% #B2A6D3	RGB 178 166 211	#B2A6D3
50.0%	50.0% #BEB4DA	RGB 190 180 218	#BEB4DA
66.7%	66.7% #CAC1E0	RGB 202 193 224	#CAC1E0
83.3%	83.3% #D6CFE7	RGB 214 207 231	#D6CFE7
100.0%	100.0% #E2DDEE	RGB 226 221 238	#E2DDEE

#9A8BC6 #A698CC #B2A6D3 #BEB4DA #CAC1E0 #D6CFE7 #E2DDEE

#9A8BC6 - #E2DDEE

HSV Blend

#9A8BC6 - #E2DDEE | 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 #9A8BC6 as 0% and #E2DDEE as 100%.

0.0%	0.0% #998BC6	RGB 153 139 198	#998BC6
16.7%	16.7% #A597CC	RGB 165 151 204	#A597CC
33.3%	33.3% #B0A4D3	RGB 176 164 211	#B0A4D3
50.0%	50.0% #BCB1DA	RGB 188 177 218	#BCB1DA
66.7%	66.7% #C8BFE0	RGB 200 191 224	#C8BFE0
83.3%	83.3% #D5CEE7	RGB 213 206 231	#D5CEE7
100.0%	100.0% #E2DDEE	RGB 226 221 238	#E2DDEE

#998BC6 #A597CC #B0A4D3 #BCB1DA #C8BFE0 #D5CEE7 #E2DDEE

#9A8BC6 - #BCB1DA - #E2DDEE

CSS codes

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

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