#C05C92 - #FCB7AF | 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 #C05C92 a #FCB7AF

#C05C92 #FCB7AF

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

#C05C92 - #FCB7AF | 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 #C05C92 como 0% y #FCB7AF como 100%.

0.0%	0.0% #C05C92	RGB 192 92 146	#C05C92
16.7%	16.7% #CA6B96	RGB 202 107 150	#CA6B96
33.3%	33.3% #D47A9B	RGB 212 122 155	#D47A9B
50.0%	50.0% #DE89A0	RGB 222 137 160	#DE89A0
66.7%	66.7% #E898A5	RGB 232 152 165	#E898A5
83.3%	83.3% #F2A7AA	RGB 242 167 170	#F2A7AA
100.0%	100.0% #FCB7AF	RGB 252 183 175	#FCB7AF

#C05C92 #CA6B96 #D47A9B #DE89A0 #E898A5 #F2A7AA #FCB7AF

#C05C92 - #FCB7AF

Mezcla HSV

#C05C92 - #FCB7AF | 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 #C05C92 como 0% y #FCB7AF como 100%.

0.0%	0.0% #C05C91	RGB 192 92 145	#C05C91
16.7%	16.7% #CA6892	RGB 202 104 146	#CA6892
33.3%	33.3% #D47493	RGB 212 116 147	#D47493
50.0%	50.0% #DE8296	RGB 222 130 150	#DE8296
66.7%	66.7% #E8909A	RGB 232 144 154	#E8909A
83.3%	83.3% #F29F9F	RGB 242 159 159	#F29F9F
100.0%	100.0% #FCB7AF	RGB 252 183 175	#FCB7AF

#C05C91 #CA6892 #D47493 #DE8296 #E8909A #F29F9F #FCB7AF

#C05C92 - #DE8296 - #FCB7AF

Códigos CSS

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

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