#695D9C - #ECACAF | 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 #695D9C to #ECACAF

#695D9C #ECACAF

Calculate the color between two colors, #695D9C and #ECACAF. 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)

#695D9C - #ECACAF | 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 #695D9C as 0% and #ECACAF as 100%.

0.0%	0.0% #695D9C	RGB 105 93 156	#695D9C
16.7%	16.7% #7E6A9F	RGB 126 106 159	#7E6A9F
33.3%	33.3% #9477A2	RGB 148 119 162	#9477A2
50.0%	50.0% #AA84A5	RGB 170 132 165	#AA84A5
66.7%	66.7% #C091A8	RGB 192 145 168	#C091A8
83.3%	83.3% #D69EAB	RGB 214 158 171	#D69EAB
100.0%	100.0% #ECACAF	RGB 236 172 175	#ECACAF

#695D9C #7E6A9F #9477A2 #AA84A5 #C091A8 #D69EAB #ECACAF

#695D9C - #ECACAF

HSV Blend

#695D9C - #ECACAF | 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 #695D9C as 0% and #ECACAF as 100%.

0.0%	0.0% #695D9C	RGB 105 93 156	#695D9C
16.7%	16.7% #8768A9	RGB 135 104 169	#8768A9
33.3%	33.3% #A874B6	RGB 168 116 182	#A874B6
50.0%	50.0% #C481BF	RGB 196 129 191	#C481BF
66.7%	66.7% #D18FB9	RGB 209 143 185	#D18FB9
83.3%	83.3% #DE9DB3	RGB 222 157 179	#DE9DB3
100.0%	100.0% #ECACAF	RGB 236 172 175	#ECACAF

#695D9C #8768A9 #A874B6 #C481BF #D18FB9 #DE9DB3 #ECACAF

#695D9C - #C481BF - #ECACAF

CSS codes

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

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