#BF759C - #ECD7E2 | 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 #BF759C to #ECD7E2

#BF759C #ECD7E2

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

#BF759C - #ECD7E2 | 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 #BF759C as 0% and #ECD7E2 as 100%.

0.0%	0.0% #BF759C	RGB 191 117 156	#BF759C
16.7%	16.7% #C685A7	RGB 198 133 167	#C685A7
33.3%	33.3% #CE95B3	RGB 206 149 179	#CE95B3
50.0%	50.0% #D5A6BF	RGB 213 166 191	#D5A6BF
66.7%	66.7% #DDB6CA	RGB 221 182 202	#DDB6CA
83.3%	83.3% #E4C6D6	RGB 228 198 214	#E4C6D6
100.0%	100.0% #ECD7E2	RGB 236 215 226	#ECD7E2

#BF759C #C685A7 #CE95B3 #D5A6BF #DDB6CA #E4C6D6 #ECD7E2

#BF759C - #ECD7E2

HSV Blend

#BF759C - #ECD7E2 | 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 #BF759C as 0% and #ECD7E2 as 100%.

0.0%	0.0% #BF759B	RGB 191 117 155	#BF759B
16.7%	16.7% #C683A6	RGB 198 131 166	#C683A6
33.3%	33.3% #CE92B1	RGB 206 146 177	#CE92B1
50.0%	50.0% #D5A2BD	RGB 213 162 189	#D5A2BD
66.7%	66.7% #DDB3C9	RGB 221 179 201	#DDB3C9
83.3%	83.3% #E4C4D5	RGB 228 196 213	#E4C4D5
100.0%	100.0% #ECD7E2	RGB 236 215 226	#ECD7E2

#BF759B #C683A6 #CE92B1 #D5A2BD #DDB3C9 #E4C4D5 #ECD7E2

#BF759C - #D5A2BD - #ECD7E2

CSS codes

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

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