#FDA6FD - #A72DCB | 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 #FDA6FD to #A72DCB

#FDA6FD #A72DCB

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

#FDA6FD - #A72DCB | 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 #FDA6FD as 0% and #A72DCB as 100%.

0.0%	0.0% #FDA6FD	RGB 253 166 253	#FDA6FD
16.7%	16.7% #EE91F4	RGB 238 145 244	#EE91F4
33.3%	33.3% #E07DEC	RGB 224 125 236	#E07DEC
50.0%	50.0% #D269E4	RGB 210 105 228	#D269E4
66.7%	66.7% #C355DB	RGB 195 85 219	#C355DB
83.3%	83.3% #B541D3	RGB 181 65 211	#B541D3
100.0%	100.0% #A72DCB	RGB 167 45 203	#A72DCB

#FDA6FD #EE91F4 #E07DEC #D269E4 #C355DB #B541D3 #A72DCB

#FDA6FD - #A72DCB

HSV Blend

#FDA6FD - #A72DCB | 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 #FDA6FD as 0% and #A72DCB as 100%.

0.0%	0.0% #FDA6FD	RGB 253 166 253	#FDA6FD
16.7%	16.7% #F08EF4	RGB 240 142 244	#F08EF4
33.3%	33.3% #E378EC	RGB 227 120 236	#E378EC
50.0%	50.0% #D564E4	RGB 213 100 228	#D564E4
66.7%	66.7% #C650DB	RGB 198 80 219	#C650DB
83.3%	83.3% #B73ED3	RGB 183 62 211	#B73ED3
100.0%	100.0% #A72DCB	RGB 167 45 203	#A72DCB

#FDA6FD #F08EF4 #E378EC #D564E4 #C650DB #B73ED3 #A72DCB

#FDA6FD - #D564E4 - #A72DCB

CSS codes

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

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