#DECAE3 - #A56DA0 | 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 #DECAE3 to #A56DA0

#DECAE3 #A56DA0

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

#DECAE3 - #A56DA0 | 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 #DECAE3 as 0% and #A56DA0 as 100%.

0.0%	0.0% #DECAE3	RGB 222 202 227	#DECAE3
16.7%	16.7% #D4BAD7	RGB 212 186 215	#D4BAD7
33.3%	33.3% #CBABCC	RGB 203 171 204	#CBABCC
50.0%	50.0% #C19BC1	RGB 193 155 193	#C19BC1
66.7%	66.7% #B88CB6	RGB 184 140 182	#B88CB6
83.3%	83.3% #AE7CAB	RGB 174 124 171	#AE7CAB
100.0%	100.0% #A56DA0	RGB 165 109 160	#A56DA0

#DECAE3 #D4BAD7 #CBABCC #C19BC1 #B88CB6 #AE7CAB #A56DA0

#DECAE3 - #A56DA0

HSV Blend

#DECAE3 - #A56DA0 | 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 #DECAE3 as 0% and #A56DA0 as 100%.

0.0%	0.0% #DECAE3	RGB 222 202 227	#DECAE3
16.7%	16.7% #D3B8D8	RGB 211 184 216	#D3B8D8
33.3%	33.3% #CAA7CE	RGB 202 167 206	#CAA7CE
50.0%	50.0% #C197C4	RGB 193 151 196	#C197C4
66.7%	66.7% #B988B9	RGB 185 136 185	#B988B9
83.3%	83.3% #AF7AAD	RGB 175 122 173	#AF7AAD
100.0%	100.0% #A56DA0	RGB 165 109 160	#A56DA0

#DECAE3 #D3B8D8 #CAA7CE #C197C4 #B988B9 #AF7AAD #A56DA0

#DECAE3 - #C197C4 - #A56DA0

CSS codes

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

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