#9F9FBE - #D4CEC5 | 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 #9F9FBE to #D4CEC5

#9F9FBE #D4CEC5

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

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

0.0%	0.0% #9F9FBE	RGB 159 159 190	#9F9FBE
16.7%	16.7% #A7A6BF	RGB 167 166 191	#A7A6BF
33.3%	33.3% #B0AEC0	RGB 176 174 192	#B0AEC0
50.0%	50.0% #B9B6C1	RGB 185 182 193	#B9B6C1
66.7%	66.7% #C2BEC2	RGB 194 190 194	#C2BEC2
83.3%	83.3% #CBC6C3	RGB 203 198 195	#CBC6C3
100.0%	100.0% #D4CEC5	RGB 212 206 197	#D4CEC5

#9F9FBE #A7A6BF #B0AEC0 #B9B6C1 #C2BEC2 #CBC6C3 #D4CEC5

#9F9FBE - #D4CEC5

HSV Blend

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

0.0%	0.0% #9F9FBE	RGB 159 159 190	#9F9FBE
16.7%	16.7% #B1A5C1	RGB 177 165 193	#B1A5C1
33.3%	33.3% #C1ABC5	RGB 193 171 197	#C1ABC5
50.0%	50.0% #C9B1C1	RGB 201 177 193	#C9B1C1
66.7%	66.7% #CCB7BD	RGB 204 183 189	#CCB7BD
83.3%	83.3% #D0C1BE	RGB 208 193 190	#D0C1BE
100.0%	100.0% #D4CEC5	RGB 212 206 197	#D4CEC5

#9F9FBE #B1A5C1 #C1ABC5 #C9B1C1 #CCB7BD #D0C1BE #D4CEC5

#9F9FBE - #C9B1C1 - #D4CEC5

CSS codes

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

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