#963C72 - #ED8D91 | 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 #963C72 a #ED8D91

#963C72 #ED8D91

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

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

0.0%	0.0% #963C72	RGB 150 60 114	#963C72
16.7%	16.7% #A44977	RGB 164 73 119	#A44977
33.3%	33.3% #B3577C	RGB 179 87 124	#B3577C
50.0%	50.0% #C16481	RGB 193 100 129	#C16481
66.7%	66.7% #D07286	RGB 208 114 134	#D07286
83.3%	83.3% #DE7F8B	RGB 222 127 139	#DE7F8B
100.0%	100.0% #ED8D91	RGB 237 141 145	#ED8D91

#963C72 #A44977 #B3577C #C16481 #D07286 #DE7F8B #ED8D91

#963C72 - #ED8D91

Mezcla HSV

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

0.0%	0.0% #963C72	RGB 150 60 114	#963C72
16.7%	16.7% #A44776	RGB 164 71 118	#A44776
33.3%	33.3% #B3537A	RGB 179 83 122	#B3537A
50.0%	50.0% #C1607F	RGB 193 96 127	#C1607F
66.7%	66.7% #D06E84	RGB 208 110 132	#D06E84
83.3%	83.3% #DE7D8A	RGB 222 125 138	#DE7D8A
100.0%	100.0% #ED8D91	RGB 237 141 145	#ED8D91

#963C72 #A44776 #B3537A #C1607F #D06E84 #DE7D8A #ED8D91

#963C72 - #C1607F - #ED8D91

Códigos CSS

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

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