#887D91 - #DDD9DF | 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 #887D91 to #DDD9DF

#887D91 #DDD9DF

Calculate the color between two colors, #887D91 and #DDD9DF. 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)

#887D91 - #DDD9DF | 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 #887D91 as 0% and #DDD9DF as 100%.

0.0%	0.0% #887D91	RGB 136 125 145	#887D91
16.7%	16.7% #968C9E	RGB 150 140 158	#968C9E
33.3%	33.3% #A49BAB	RGB 164 155 171	#A49BAB
50.0%	50.0% #B2ABB8	RGB 178 171 184	#B2ABB8
66.7%	66.7% #C0BAC5	RGB 192 186 197	#C0BAC5
83.3%	83.3% #CEC9D2	RGB 206 201 210	#CEC9D2
100.0%	100.0% #DDD9DF	RGB 221 217 223	#DDD9DF

#887D91 #968C9E #A49BAB #B2ABB8 #C0BAC5 #CEC9D2 #DDD9DF

#887D91 - #DDD9DF

HSV Blend

#887D91 - #DDD9DF | 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 #887D91 as 0% and #DDD9DF as 100%.

0.0%	0.0% #887D91	RGB 136 125 145	#887D91
16.7%	16.7% #958B9E	RGB 149 139 158	#958B9E
33.3%	33.3% #A399AB	RGB 163 153 171	#A399AB
50.0%	50.0% #B2A8B8	RGB 178 168 184	#B2A8B8
66.7%	66.7% #C0B8C5	RGB 192 184 197	#C0B8C5
83.3%	83.3% #CEC8D2	RGB 206 200 210	#CEC8D2
100.0%	100.0% #DDD9DF	RGB 221 217 223	#DDD9DF

#887D91 #958B9E #A399AB #B2A8B8 #C0B8C5 #CEC8D2 #DDD9DF

#887D91 - #B2A8B8 - #DDD9DF

CSS codes

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

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