#9291C5 - #DFDFEE | 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 #9291C5 to #DFDFEE

#9291C5 #DFDFEE

Calculate the color between two colors, #9291C5 and #DFDFEE. 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)

#9291C5 - #DFDFEE | 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 #9291C5 as 0% and #DFDFEE as 100%.

0.0%	0.0% #9291C5	RGB 146 145 197	#9291C5
16.7%	16.7% #9E9ECB	RGB 158 158 203	#9E9ECB
33.3%	33.3% #ABABD2	RGB 171 171 210	#ABABD2
50.0%	50.0% #B8B8D9	RGB 184 184 217	#B8B8D9
66.7%	66.7% #C5C5E0	RGB 197 197 224	#C5C5E0
83.3%	83.3% #D2D2E7	RGB 210 210 231	#D2D2E7
100.0%	100.0% #DFDFEE	RGB 223 223 238	#DFDFEE

#9291C5 #9E9ECB #ABABD2 #B8B8D9 #C5C5E0 #D2D2E7 #DFDFEE

#9291C5 - #DFDFEE

HSV Blend

#9291C5 - #DFDFEE | 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 #9291C5 as 0% and #DFDFEE as 100%.

0.0%	0.0% #9291C5	RGB 146 145 197	#9291C5
16.7%	16.7% #9D9CCB	RGB 157 156 203	#9D9CCB
33.3%	33.3% #A9A9D2	RGB 169 169 210	#A9A9D2
50.0%	50.0% #B6B5D9	RGB 182 181 217	#B6B5D9
66.7%	66.7% #C3C3E0	RGB 195 195 224	#C3C3E0
83.3%	83.3% #D0D0E7	RGB 208 208 231	#D0D0E7
100.0%	100.0% #DFDFEE	RGB 223 223 238	#DFDFEE

#9291C5 #9D9CCB #A9A9D2 #B6B5D9 #C3C3E0 #D0D0E7 #DFDFEE

#9291C5 - #B6B5D9 - #DFDFEE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9291C5 0%, #B6B5D9 50%, #DFDFEE 100%);
    background: -webkit-linear-gradient(top, #9291C5 0%, #B6B5D9 50%, #DFDFEE 100%);
    background: linear-gradient(to bottom, #9291C5 0%, #B6B5D9 50%, #DFDFEE 100%);
}
</style>