#B444B6 - #E9C9EA | 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 #B444B6 to #E9C9EA

#B444B6 #E9C9EA

Calculate the color between two colors, #B444B6 and #E9C9EA. 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)

#B444B6 - #E9C9EA | 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 #B444B6 as 0% and #E9C9EA as 100%.

0.0%	0.0% #B444B6	RGB 180 68 182	#B444B6
16.7%	16.7% #BC5ABE	RGB 188 90 190	#BC5ABE
33.3%	33.3% #C570C7	RGB 197 112 199	#C570C7
50.0%	50.0% #CE86D0	RGB 206 134 208	#CE86D0
66.7%	66.7% #D79CD8	RGB 215 156 216	#D79CD8
83.3%	83.3% #E0B2E1	RGB 224 178 225	#E0B2E1
100.0%	100.0% #E9C9EA	RGB 233 201 234	#E9C9EA

#B444B6 #BC5ABE #C570C7 #CE86D0 #D79CD8 #E0B2E1 #E9C9EA

#B444B6 - #E9C9EA

HSV Blend

#B444B6 - #E9C9EA | 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 #B444B6 as 0% and #E9C9EA as 100%.

0.0%	0.0% #B444B6	RGB 180 68 182	#B444B6
16.7%	16.7% #BC56BE	RGB 188 86 190	#BC56BE
33.3%	33.3% #C56AC7	RGB 197 106 199	#C56AC7
50.0%	50.0% #CE80D0	RGB 206 128 208	#CE80D0
66.7%	66.7% #D697D8	RGB 214 151 216	#D697D8
83.3%	83.3% #DFAFE1	RGB 223 175 225	#DFAFE1
100.0%	100.0% #E9C9EA	RGB 233 201 234	#E9C9EA

#B444B6 #BC56BE #C56AC7 #CE80D0 #D697D8 #DFAFE1 #E9C9EA

#B444B6 - #CE80D0 - #E9C9EA

CSS codes

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

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