#DF005D - #FF5F6B | 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 #DF005D to #FF5F6B

#DF005D #FF5F6B

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

#DF005D - #FF5F6B | 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 #DF005D as 0% and #FF5F6B as 100%.

0.0%	0.0% #DF005D	RGB 223 0 93	#DF005D
16.7%	16.7% #E40F5F	RGB 228 15 95	#E40F5F
33.3%	33.3% #E91F61	RGB 233 31 97	#E91F61
50.0%	50.0% #EF2F64	RGB 239 47 100	#EF2F64
66.7%	66.7% #F43F66	RGB 244 63 102	#F43F66
83.3%	83.3% #F94F68	RGB 249 79 104	#F94F68
100.0%	100.0% #FF5F6B	RGB 255 95 107	#FF5F6B

#DF005D #E40F5F #E91F61 #EF2F64 #F43F66 #F94F68 #FF5F6B

#DF005D - #FF5F6B

HSV Blend

#DF005D - #FF5F6B | 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 #DF005D as 0% and #FF5F6B as 100%.

0.0%	0.0% #DF005C	RGB 223 0 92	#DF005C
16.7%	16.7% #E40E5B	RGB 228 14 91	#E40E5B
33.3%	33.3% #E91D5B	RGB 233 29 91	#E91D5B
50.0%	50.0% #EF2C5C	RGB 239 44 92	#EF2C5C
66.7%	66.7% #F43C5F	RGB 244 60 95	#F43C5F
83.3%	83.3% #F94D64	RGB 249 77 100	#F94D64
100.0%	100.0% #FF5F6B	RGB 255 95 107	#FF5F6B

#DF005C #E40E5B #E91D5B #EF2C5C #F43C5F #F94D64 #FF5F6B

#DF005D - #EF2C5C - #FF5F6B

CSS codes

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

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