#AD3C92 - #E7C7DF | 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 #AD3C92 a #E7C7DF

#AD3C92 #E7C7DF

Calcule el color entre dos colores, #AD3C92 y #E7C7DF. 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)

#AD3C92 - #E7C7DF | 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 #AD3C92 como 0% y #E7C7DF como 100%.

0.0%	0.0% #AD3C92	RGB 173 60 146	#AD3C92
16.7%	16.7% #B6539E	RGB 182 83 158	#B6539E
33.3%	33.3% #C06AAB	RGB 192 106 171	#C06AAB
50.0%	50.0% #CA81B8	RGB 202 129 184	#CA81B8
66.7%	66.7% #D398C5	RGB 211 152 197	#D398C5
83.3%	83.3% #DDAFD2	RGB 221 175 210	#DDAFD2
100.0%	100.0% #E7C7DF	RGB 231 199 223	#E7C7DF

#AD3C92 #B6539E #C06AAB #CA81B8 #D398C5 #DDAFD2 #E7C7DF

#AD3C92 - #E7C7DF

Mezcla HSV

#AD3C92 - #E7C7DF | 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 #AD3C92 como 0% y #E7C7DF como 100%.

0.0%	0.0% #AD3C91	RGB 173 60 145	#AD3C91
16.7%	16.7% #B64F9D	RGB 182 79 157	#B64F9D
33.3%	33.3% #C063A9	RGB 192 99 169	#C063A9
50.0%	50.0% #CA7AB6	RGB 202 122 182	#CA7AB6
66.7%	66.7% #D392C3	RGB 211 146 195	#D392C3
83.3%	83.3% #DDABD1	RGB 221 171 209	#DDABD1
100.0%	100.0% #E7C7DF	RGB 231 199 223	#E7C7DF

#AD3C91 #B64F9D #C063A9 #CA7AB6 #D392C3 #DDABD1 #E7C7DF

#AD3C92 - #CA7AB6 - #E7C7DF

Códigos CSS

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

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