#918B8B - #CF9FDD | 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 #918B8B to #CF9FDD

#918B8B #CF9FDD

Calculate the color between two colors, #918B8B and #CF9FDD. 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)

#918B8B - #CF9FDD | 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 #918B8B as 0% and #CF9FDD as 100%.

0.0%	0.0% #918B8B	RGB 145 139 139	#918B8B
16.7%	16.7% #9B8E98	RGB 155 142 152	#9B8E98
33.3%	33.3% #A591A6	RGB 165 145 166	#A591A6
50.0%	50.0% #B095B4	RGB 176 149 180	#B095B4
66.7%	66.7% #BA98C1	RGB 186 152 193	#BA98C1
83.3%	83.3% #C49BCF	RGB 196 155 207	#C49BCF
100.0%	100.0% #CF9FDD	RGB 207 159 221	#CF9FDD

#918B8B #9B8E98 #A591A6 #B095B4 #BA98C1 #C49BCF #CF9FDD

#918B8B - #CF9FDD

HSV Blend

#918B8B - #CF9FDD | 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 #918B8B as 0% and #CF9FDD as 100%.

0.0%	0.0% #918B8B	RGB 145 139 139	#918B8B
16.7%	16.7% #9D9093	RGB 157 144 147	#9D9093
33.3%	33.3% #AA959E	RGB 170 149 158	#AA959E
50.0%	50.0% #B799AB	RGB 183 153 171	#B799AB
66.7%	66.7% #C39CBC	RGB 195 156 188	#C39CBC
83.3%	83.3% #CF9ED0	RGB 207 158 208	#CF9ED0
100.0%	100.0% #CF9FDD	RGB 207 159 221	#CF9FDD

#918B8B #9D9093 #AA959E #B799AB #C39CBC #CF9ED0 #CF9FDD

#918B8B - #B799AB - #CF9FDD

CSS codes

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

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