#AF5E6D - #FF83DE | 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 #AF5E6D to #FF83DE

#AF5E6D #FF83DE

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

#AF5E6D - #FF83DE | 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 #AF5E6D as 0% and #FF83DE as 100%.

0.0%	0.0% #AF5E6D	RGB 175 94 109	#AF5E6D
16.7%	16.7% #BC647F	RGB 188 100 127	#BC647F
33.3%	33.3% #C96A92	RGB 201 106 146	#C96A92
50.0%	50.0% #D770A5	RGB 215 112 165	#D770A5
66.7%	66.7% #E476B8	RGB 228 118 184	#E476B8
83.3%	83.3% #F17CCB	RGB 241 124 203	#F17CCB
100.0%	100.0% #FF83DE	RGB 255 131 222	#FF83DE

#AF5E6D #BC647F #C96A92 #D770A5 #E476B8 #F17CCB #FF83DE

#AF5E6D - #FF83DE

HSV Blend

#AF5E6D - #FF83DE | 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 #AF5E6D as 0% and #FF83DE as 100%.

0.0%	0.0% #AF5E6D	RGB 175 94 109	#AF5E6D
16.7%	16.7% #BC647C	RGB 188 100 124	#BC647C
33.3%	33.3% #C96A8D	RGB 201 106 141	#C96A8D
50.0%	50.0% #D7709F	RGB 215 112 159	#D7709F
66.7%	66.7% #E477B3	RGB 228 119 179	#E477B3
83.3%	83.3% #F17DC7	RGB 241 125 199	#F17DC7
100.0%	100.0% #FF83DE	RGB 255 131 222	#FF83DE

#AF5E6D #BC647C #C96A8D #D7709F #E477B3 #F17DC7 #FF83DE

#AF5E6D - #D7709F - #FF83DE

CSS codes

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

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