#EB6BDB - #C7259F | 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 #EB6BDB to #C7259F

#EB6BDB #C7259F

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

#EB6BDB - #C7259F | 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 #EB6BDB as 0% and #C7259F as 100%.

0.0%	0.0% #EB6BDB	RGB 235 107 219	#EB6BDB
16.7%	16.7% #E55FD1	RGB 229 95 209	#E55FD1
33.3%	33.3% #DF53C7	RGB 223 83 199	#DF53C7
50.0%	50.0% #D948BD	RGB 217 72 189	#D948BD
66.7%	66.7% #D33CB3	RGB 211 60 179	#D33CB3
83.3%	83.3% #CD30A9	RGB 205 48 169	#CD30A9
100.0%	100.0% #C7259F	RGB 199 37 159	#C7259F

#EB6BDB #E55FD1 #DF53C7 #D948BD #D33CB3 #CD30A9 #C7259F

#EB6BDB - #C7259F

HSV Blend

#EB6BDB - #C7259F | 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 #EB6BDB as 0% and #C7259F as 100%.

0.0%	0.0% #EB6BDB	RGB 235 107 219	#EB6BDB
16.7%	16.7% #E55DD1	RGB 229 93 209	#E55DD1
33.3%	33.3% #DF51C7	RGB 223 81 199	#DF51C7
50.0%	50.0% #D945BD	RGB 217 69 189	#D945BD
66.7%	66.7% #D33AB3	RGB 211 58 179	#D33AB3
83.3%	83.3% #CD2FA9	RGB 205 47 169	#CD2FA9
100.0%	100.0% #C7259F	RGB 199 37 159	#C7259F

#EB6BDB #E55DD1 #DF51C7 #D945BD #D33AB3 #CD2FA9 #C7259F

#EB6BDB - #D945BD - #C7259F

CSS codes

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

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