#DC8DAB - #A62E5D | 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 #DC8DAB to #A62E5D

#DC8DAB #A62E5D

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

#DC8DAB - #A62E5D | 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 #DC8DAB as 0% and #A62E5D as 100%.

0.0%	0.0% #DC8DAB	RGB 220 141 171	#DC8DAB
16.7%	16.7% #D37D9E	RGB 211 125 158	#D37D9E
33.3%	33.3% #CA6D91	RGB 202 109 145	#CA6D91
50.0%	50.0% #C15D84	RGB 193 93 132	#C15D84
66.7%	66.7% #B84D77	RGB 184 77 119	#B84D77
83.3%	83.3% #AF3D6A	RGB 175 61 106	#AF3D6A
100.0%	100.0% #A62E5D	RGB 166 46 93	#A62E5D

#DC8DAB #D37D9E #CA6D91 #C15D84 #B84D77 #AF3D6A #A62E5D

#DC8DAB - #A62E5D

HSV Blend

#DC8DAB - #A62E5D | 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 #DC8DAB as 0% and #A62E5D as 100%.

0.0%	0.0% #DC8DAB	RGB 220 141 171	#DC8DAB
16.7%	16.7% #D37A9C	RGB 211 122 156	#D37A9C
33.3%	33.3% #CA688E	RGB 202 104 142	#CA688E
50.0%	50.0% #C15880	RGB 193 88 128	#C15880
66.7%	66.7% #B84974	RGB 184 73 116	#B84974
83.3%	83.3% #AF3B68	RGB 175 59 104	#AF3B68
100.0%	100.0% #A62E5D	RGB 166 46 93	#A62E5D

#DC8DAB #D37A9C #CA688E #C15880 #B84974 #AF3B68 #A62E5D

#DC8DAB - #C15880 - #A62E5D

CSS codes

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

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