#CF95A6 - #ECAAFF | 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 #CF95A6 to #ECAAFF

#CF95A6 #ECAAFF

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

#CF95A6 - #ECAAFF | 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 #CF95A6 as 0% and #ECAAFF as 100%.

0.0%	0.0% #CF95A6	RGB 207 149 166	#CF95A6
16.7%	16.7% #D398B4	RGB 211 152 180	#D398B4
33.3%	33.3% #D89CC3	RGB 216 156 195	#D89CC3
50.0%	50.0% #DD9FD2	RGB 221 159 210	#DD9FD2
66.7%	66.7% #E2A3E1	RGB 226 163 225	#E2A3E1
83.3%	83.3% #E7A6F0	RGB 231 166 240	#E7A6F0
100.0%	100.0% #ECAAFF	RGB 236 170 255	#ECAAFF

#CF95A6 #D398B4 #D89CC3 #DD9FD2 #E2A3E1 #E7A6F0 #ECAAFF

#CF95A6 - #ECAAFF

HSV Blend

#CF95A6 - #ECAAFF | 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 #CF95A6 as 0% and #ECAAFF as 100%.

0.0%	0.0% #CF95A5	RGB 207 149 165	#CF95A5
16.7%	16.7% #D798B4	RGB 215 152 180	#D798B4
33.3%	33.3% #DF9CC4	RGB 223 156 196	#DF9CC4
50.0%	50.0% #E7A0D5	RGB 231 160 213	#E7A0D5
66.7%	66.7% #EFA3E8	RGB 239 163 232	#EFA3E8
83.3%	83.3% #F1A6F7	RGB 241 166 247	#F1A6F7
100.0%	100.0% #ECAAFF	RGB 236 170 255	#ECAAFF

#CF95A5 #D798B4 #DF9CC4 #E7A0D5 #EFA3E8 #F1A6F7 #ECAAFF

#CF95A6 - #E7A0D5 - #ECAAFF

CSS codes

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

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