#DA8FC3 - #BD3E94 | 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 #DA8FC3 to #BD3E94

#DA8FC3 #BD3E94

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

#DA8FC3 - #BD3E94 | 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 #DA8FC3 as 0% and #BD3E94 as 100%.

0.0%	0.0% #DA8FC3	RGB 218 143 195	#DA8FC3
16.7%	16.7% #D581BB	RGB 213 129 187	#D581BB
33.3%	33.3% #D074B3	RGB 208 116 179	#D074B3
50.0%	50.0% #CB66AB	RGB 203 102 171	#CB66AB
66.7%	66.7% #C659A3	RGB 198 89 163	#C659A3
83.3%	83.3% #C14B9B	RGB 193 75 155	#C14B9B
100.0%	100.0% #BD3E94	RGB 189 62 148	#BD3E94

#DA8FC3 #D581BB #D074B3 #CB66AB #C659A3 #C14B9B #BD3E94

#DA8FC3 - #BD3E94

HSV Blend

#DA8FC3 - #BD3E94 | 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 #DA8FC3 as 0% and #BD3E94 as 100%.

0.0%	0.0% #DA8FC3	RGB 218 143 195	#DA8FC3
16.7%	16.7% #D580BA	RGB 213 128 186	#D580BA
33.3%	33.3% #D071B2	RGB 208 113 178	#D071B2
50.0%	50.0% #CB64AA	RGB 203 100 170	#CB64AA
66.7%	66.7% #C656A3	RGB 198 86 163	#C656A3
83.3%	83.3% #C14A9B	RGB 193 74 155	#C14A9B
100.0%	100.0% #BD3E94	RGB 189 62 148	#BD3E94

#DA8FC3 #D580BA #D071B2 #CB64AA #C656A3 #C14A9B #BD3E94

#DA8FC3 - #CB64AA - #BD3E94

CSS codes

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

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