#DC0080 - #A8BEFF | 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 #DC0080 to #A8BEFF

#DC0080 #A8BEFF

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

#DC0080 - #A8BEFF | 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 #DC0080 as 0% and #A8BEFF as 100%.

0.0%	0.0% #DC0080	RGB 220 0 128	#DC0080
16.7%	16.7% #D31F95	RGB 211 31 149	#D31F95
33.3%	33.3% #CA3FAA	RGB 202 63 170	#CA3FAA
50.0%	50.0% #C25FBF	RGB 194 95 191	#C25FBF
66.7%	66.7% #B97ED4	RGB 185 126 212	#B97ED4
83.3%	83.3% #B09EE9	RGB 176 158 233	#B09EE9
100.0%	100.0% #A8BEFF	RGB 168 190 255	#A8BEFF

#DC0080 #D31F95 #CA3FAA #C25FBF #B97ED4 #B09EE9 #A8BEFF

#DC0080 - #A8BEFF

HSV Blend

#DC0080 - #A8BEFF | 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 #DC0080 as 0% and #A8BEFF as 100%.

0.0%	0.0% #DC0080	RGB 220 0 128	#DC0080
16.7%	16.7% #E118C5	RGB 225 24 197	#E118C5
33.3%	33.3% #CE32E7	RGB 206 50 231	#CE32E7
50.0%	50.0% #AB4EED	RGB 171 78 237	#AB4EED
66.7%	66.7% #946AF3	RGB 148 106 243	#946AF3
83.3%	83.3% #8B88F9	RGB 139 136 249	#8B88F9
100.0%	100.0% #A8BEFF	RGB 168 190 255	#A8BEFF

#DC0080 #E118C5 #CE32E7 #AB4EED #946AF3 #8B88F9 #A8BEFF

#DC0080 - #AB4EED - #A8BEFF

CSS codes

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

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