#963C92 - #E1C7DF | 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 #963C92 a #E1C7DF

#963C92 #E1C7DF

Calcule el color entre dos colores, #963C92 y #E1C7DF. 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)

#963C92 - #E1C7DF | 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 #963C92 como 0% y #E1C7DF como 100%.

0.0%	0.0% #963C92	RGB 150 60 146	#963C92
16.7%	16.7% #A2539E	RGB 162 83 158	#A2539E
33.3%	33.3% #AF6AAB	RGB 175 106 171	#AF6AAB
50.0%	50.0% #BB81B8	RGB 187 129 184	#BB81B8
66.7%	66.7% #C898C5	RGB 200 152 197	#C898C5
83.3%	83.3% #D4AFD2	RGB 212 175 210	#D4AFD2
100.0%	100.0% #E1C7DF	RGB 225 199 223	#E1C7DF

#963C92 #A2539E #AF6AAB #BB81B8 #C898C5 #D4AFD2 #E1C7DF

#963C92 - #E1C7DF

Mezcla HSV

#963C92 - #E1C7DF | 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 #963C92 como 0% y #E1C7DF como 100%.

0.0%	0.0% #963C92	RGB 150 60 146	#963C92
16.7%	16.7% #A24E9E	RGB 162 78 158	#A24E9E
33.3%	33.3% #AF62AA	RGB 175 98 170	#AF62AA
50.0%	50.0% #BB78B7	RGB 187 120 183	#BB78B7
66.7%	66.7% #C890C4	RGB 200 144 196	#C890C4
83.3%	83.3% #D4AAD1	RGB 212 170 209	#D4AAD1
100.0%	100.0% #E1C7DF	RGB 225 199 223	#E1C7DF

#963C92 #A24E9E #AF62AA #BB78B7 #C890C4 #D4AAD1 #E1C7DF

#963C92 - #BB78B7 - #E1C7DF

Códigos CSS

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

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