#9D9CD5 - #B8D9FC | 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 #9D9CD5 to #B8D9FC

#9D9CD5 #B8D9FC

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

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

0.0%	0.0% #9D9CD5	RGB 157 156 213	#9D9CD5
16.7%	16.7% #A1A6DB	RGB 161 166 219	#A1A6DB
33.3%	33.3% #A6B0E2	RGB 166 176 226	#A6B0E2
50.0%	50.0% #AABAE8	RGB 170 186 232	#AABAE8
66.7%	66.7% #AFC4EF	RGB 175 196 239	#AFC4EF
83.3%	83.3% #B3CEF5	RGB 179 206 245	#B3CEF5
100.0%	100.0% #B8D9FC	RGB 184 217 252	#B8D9FC

#9D9CD5 #A1A6DB #A6B0E2 #AABAE8 #AFC4EF #B3CEF5 #B8D9FC

#9D9CD5 - #B8D9FC

HSV Blend

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

0.0%	0.0% #9D9CD5	RGB 157 156 213	#9D9CD5
16.7%	16.7% #A0A4DB	RGB 160 164 219	#A0A4DB
33.3%	33.3% #A5AEE2	RGB 165 174 226	#A5AEE2
50.0%	50.0% #AAB8E8	RGB 170 184 232	#AAB8E8
66.7%	66.7% #AEC3EF	RGB 174 195 239	#AEC3EF
83.3%	83.3% #B3CDF5	RGB 179 205 245	#B3CDF5
100.0%	100.0% #B8D9FC	RGB 184 217 252	#B8D9FC

#9D9CD5 #A0A4DB #A5AEE2 #AAB8E8 #AEC3EF #B3CDF5 #B8D9FC

#9D9CD5 - #AAB8E8 - #B8D9FC

CSS codes

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

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