#B235A6 - #E9C5E5 | 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 #B235A6 to #E9C5E5

#B235A6 #E9C5E5

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

#B235A6 - #E9C5E5 | 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 #B235A6 as 0% and #E9C5E5 as 100%.

0.0%	0.0% #B235A6	RGB 178 53 166	#B235A6
16.7%	16.7% #BB4DB0	RGB 187 77 176	#BB4DB0
33.3%	33.3% #C465BB	RGB 196 101 187	#C465BB
50.0%	50.0% #CD7DC5	RGB 205 125 197	#CD7DC5
66.7%	66.7% #D695D0	RGB 214 149 208	#D695D0
83.3%	83.3% #DFADDA	RGB 223 173 218	#DFADDA
100.0%	100.0% #E9C5E5	RGB 233 197 229	#E9C5E5

#B235A6 #BB4DB0 #C465BB #CD7DC5 #D695D0 #DFADDA #E9C5E5

#B235A6 - #E9C5E5

HSV Blend

#B235A6 - #E9C5E5 | 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 #B235A6 as 0% and #E9C5E5 as 100%.

0.0%	0.0% #B235A5	RGB 178 53 165	#B235A5
16.7%	16.7% #BB48AF	RGB 187 72 175	#BB48AF
33.3%	33.3% #C45EBA	RGB 196 94 186	#C45EBA
50.0%	50.0% #CD75C4	RGB 205 117 196	#CD75C4
66.7%	66.7% #D68ECE	RGB 214 142 206	#D68ECE
83.3%	83.3% #DFA8D9	RGB 223 168 217	#DFA8D9
100.0%	100.0% #E9C5E5	RGB 233 197 229	#E9C5E5

#B235A5 #BB48AF #C45EBA #CD75C4 #D68ECE #DFA8D9 #E9C5E5

#B235A6 - #CD75C4 - #E9C5E5

CSS codes

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

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