#88928C - #D9A8C6 | 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 #88928C to #D9A8C6

#88928C #D9A8C6

Calculate the color between two colors, #88928C and #D9A8C6. 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)

#88928C - #D9A8C6 | 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 #88928C as 0% and #D9A8C6 as 100%.

0.0%	0.0% #88928C	RGB 136 146 140	#88928C
16.7%	16.7% #959595	RGB 149 149 149	#959595
33.3%	33.3% #A3999F	RGB 163 153 159	#A3999F
50.0%	50.0% #B09DA9	RGB 176 157 169	#B09DA9
66.7%	66.7% #BEA0B2	RGB 190 160 178	#BEA0B2
83.3%	83.3% #CBA4BC	RGB 203 164 188	#CBA4BC
100.0%	100.0% #D9A8C6	RGB 217 168 198	#D9A8C6

#88928C #959595 #A3999F #B09DA9 #BEA0B2 #CBA4BC #D9A8C6

#88928C - #D9A8C6

HSV Blend

#88928C - #D9A8C6 | 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 #88928C as 0% and #D9A8C6 as 100%.

0.0%	0.0% #88928C	RGB 136 146 140	#88928C
16.7%	16.7% #8E9D9C	RGB 142 157 156	#8E9D9C
33.3%	33.3% #95A1A9	RGB 149 161 169	#95A1A9
50.0%	50.0% #9A9DB5	RGB 154 157 181	#9A9DB5
66.7%	66.7% #AC9FC1	RGB 172 159 193	#AC9FC1
83.3%	83.3% #C8A4CD	RGB 200 164 205	#C8A4CD
100.0%	100.0% #D9A8C6	RGB 217 168 198	#D9A8C6

#88928C #8E9D9C #95A1A9 #9A9DB5 #AC9FC1 #C8A4CD #D9A8C6

#88928C - #9A9DB5 - #D9A8C6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #88928C 0%, #9A9DB5 50%, #D9A8C6 100%);
    background: -webkit-linear-gradient(top, #88928C 0%, #9A9DB5 50%, #D9A8C6 100%);
    background: linear-gradient(to bottom, #88928C 0%, #9A9DB5 50%, #D9A8C6 100%);
}
</style>