#B05AAC - #E8CFE6 | 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 #B05AAC to #E8CFE6

#B05AAC #E8CFE6

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

#B05AAC - #E8CFE6 | 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 #B05AAC as 0% and #E8CFE6 as 100%.

0.0%	0.0% #B05AAC	RGB 176 90 172	#B05AAC
16.7%	16.7% #B96DB5	RGB 185 109 181	#B96DB5
33.3%	33.3% #C281BF	RGB 194 129 191	#C281BF
50.0%	50.0% #CC94C9	RGB 204 148 201	#CC94C9
66.7%	66.7% #D5A8D2	RGB 213 168 210	#D5A8D2
83.3%	83.3% #DEBBDC	RGB 222 187 220	#DEBBDC
100.0%	100.0% #E8CFE6	RGB 232 207 230	#E8CFE6

#B05AAC #B96DB5 #C281BF #CC94C9 #D5A8D2 #DEBBDC #E8CFE6

#B05AAC - #E8CFE6

HSV Blend

#B05AAC - #E8CFE6 | 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 #B05AAC as 0% and #E8CFE6 as 100%.

0.0%	0.0% #B05AAC	RGB 176 90 172	#B05AAC
16.7%	16.7% #B96AB5	RGB 185 106 181	#B96AB5
33.3%	33.3% #C27CBE	RGB 194 124 190	#C27CBE
50.0%	50.0% #CC8FC8	RGB 204 143 200	#CC8FC8
66.7%	66.7% #D5A3D1	RGB 213 163 209	#D5A3D1
83.3%	83.3% #DEB8DB	RGB 222 184 219	#DEB8DB
100.0%	100.0% #E8CFE6	RGB 232 207 230	#E8CFE6

#B05AAC #B96AB5 #C27CBE #CC8FC8 #D5A3D1 #DEB8DB #E8CFE6

#B05AAC - #CC8FC8 - #E8CFE6

CSS codes

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

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