#6C5E8C - #EB87F2 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #6C5E8C a #EB87F2

#6C5E8C #EB87F2

Calcule el color entre dos colores, #6C5E8C y #EB87F2. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#6C5E8C - #EB87F2 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #6C5E8C como 0% y #EB87F2 como 100%.

0.0%	0.0% #6C5E8C	RGB 108 94 140	#6C5E8C
16.7%	16.7% #81649D	RGB 129 100 157	#81649D
33.3%	33.3% #966BAE	RGB 150 107 174	#966BAE
50.0%	50.0% #AB72BF	RGB 171 114 191	#AB72BF
66.7%	66.7% #C079D0	RGB 192 121 208	#C079D0
83.3%	83.3% #D580E1	RGB 213 128 225	#D580E1
100.0%	100.0% #EB87F2	RGB 235 135 242	#EB87F2

#6C5E8C #81649D #966BAE #AB72BF #C079D0 #D580E1 #EB87F2

#6C5E8C - #EB87F2

Mezcla HSV

#6C5E8C - #EB87F2 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #6C5E8C como 0% y #EB87F2 como 100%.

0.0%	0.0% #6C5E8C	RGB 108 94 140	#6C5E8C
16.7%	16.7% #7C669D	RGB 124 102 157	#7C669D
33.3%	33.3% #8F6EAE	RGB 143 110 174	#8F6EAE
50.0%	50.0% #A275BF	RGB 162 117 191	#A275BF
66.7%	66.7% #B87BD0	RGB 184 123 208	#B87BD0
83.3%	83.3% #D081E1	RGB 208 129 225	#D081E1
100.0%	100.0% #EB87F2	RGB 235 135 242	#EB87F2

#6C5E8C #7C669D #8F6EAE #A275BF #B87BD0 #D081E1 #EB87F2

#6C5E8C - #A275BF - #EB87F2

Códigos CSS

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

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