#B05DA2 - #F6B9C5 | 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 #B05DA2 to #F6B9C5

#B05DA2 #F6B9C5

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

#B05DA2 - #F6B9C5 | 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 #B05DA2 as 0% and #F6B9C5 as 100%.

0.0%	0.0% #B05DA2	RGB 176 93 162	#B05DA2
16.7%	16.7% #BB6CA7	RGB 187 108 167	#BB6CA7
33.3%	33.3% #C77BAD	RGB 199 123 173	#C77BAD
50.0%	50.0% #D38BB3	RGB 211 139 179	#D38BB3
66.7%	66.7% #DE9AB9	RGB 222 154 185	#DE9AB9
83.3%	83.3% #EAA9BF	RGB 234 169 191	#EAA9BF
100.0%	100.0% #F6B9C5	RGB 246 185 197	#F6B9C5

#B05DA2 #BB6CA7 #C77BAD #D38BB3 #DE9AB9 #EAA9BF #F6B9C5

#B05DA2 - #F6B9C5

HSV Blend

#B05DA2 - #F6B9C5 | 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 #B05DA2 as 0% and #F6B9C5 as 100%.

0.0%	0.0% #B05DA2	RGB 176 93 162	#B05DA2
16.7%	16.7% #BB6AA5	RGB 187 106 165	#BB6AA5
33.3%	33.3% #C778A9	RGB 199 120 169	#C778A9
50.0%	50.0% #D387AE	RGB 211 135 174	#D387AE
66.7%	66.7% #DE96B4	RGB 222 150 180	#DE96B4
83.3%	83.3% #EAA7BB	RGB 234 167 187	#EAA7BB
100.0%	100.0% #F6B9C5	RGB 246 185 197	#F6B9C5

#B05DA2 #BB6AA5 #C778A9 #D387AE #DE96B4 #EAA7BB #F6B9C5

#B05DA2 - #D387AE - #F6B9C5

CSS codes

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

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