#CF2495 - #8A8AFF | 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 #CF2495 to #8A8AFF

#CF2495 #8A8AFF

Calculate the color between two colors, #CF2495 and #8A8AFF. 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)

#CF2495 - #8A8AFF | 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 #CF2495 as 0% and #8A8AFF as 100%.

0.0%	0.0% #CF2495	RGB 207 36 149	#CF2495
16.7%	16.7% #C335A6	RGB 195 53 166	#C335A6
33.3%	33.3% #B846B8	RGB 184 70 184	#B846B8
50.0%	50.0% #AC57CA	RGB 172 87 202	#AC57CA
66.7%	66.7% #A168DB	RGB 161 104 219	#A168DB
83.3%	83.3% #9579ED	RGB 149 121 237	#9579ED
100.0%	100.0% #8A8AFF	RGB 138 138 255	#8A8AFF

#CF2495 #C335A6 #B846B8 #AC57CA #A168DB #9579ED #8A8AFF

#CF2495 - #8A8AFF

HSV Blend

#CF2495 - #8A8AFF | 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 #CF2495 as 0% and #8A8AFF as 100%.

0.0%	0.0% #CF2495	RGB 207 36 149	#CF2495
16.7%	16.7% #D732C3	RGB 215 50 195	#D732C3
33.3%	33.3% #CE42DF	RGB 206 66 223	#CE42DF
50.0%	50.0% #B552E7	RGB 181 82 231	#B552E7
66.7%	66.7% #A264EF	RGB 162 100 239	#A264EF
83.3%	83.3% #9376F7	RGB 147 118 247	#9376F7
100.0%	100.0% #8A8AFF	RGB 138 138 255	#8A8AFF

#CF2495 #D732C3 #CE42DF #B552E7 #A264EF #9376F7 #8A8AFF

#CF2495 - #B552E7 - #8A8AFF

CSS codes

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

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