#CA5E7E - #FFB595 | 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 #CA5E7E a #FFB595

#CA5E7E #FFB595

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

#CA5E7E - #FFB595 | 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 #CA5E7E como 0% y #FFB595 como 100%.

0.0%	0.0% #CA5E7E	RGB 202 94 126	#CA5E7E
16.7%	16.7% #D26C81	RGB 210 108 129	#D26C81
33.3%	33.3% #DB7B85	RGB 219 123 133	#DB7B85
50.0%	50.0% #E48989	RGB 228 137 137	#E48989
66.7%	66.7% #ED988D	RGB 237 152 141	#ED988D
83.3%	83.3% #F6A691	RGB 246 166 145	#F6A691
100.0%	100.0% #FFB595	RGB 255 181 149	#FFB595

#CA5E7E #D26C81 #DB7B85 #E48989 #ED988D #F6A691 #FFB595

#CA5E7E - #FFB595

Mezcla HSV

#CA5E7E - #FFB595 | 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 #CA5E7E como 0% y #FFB595 como 100%.

0.0%	0.0% #CA5E7E	RGB 202 94 126	#CA5E7E
16.7%	16.7% #D2667B	RGB 210 102 123	#D2667B
33.3%	33.3% #DB6E79	RGB 219 110 121	#DB6E79
50.0%	50.0% #E47877	RGB 228 120 119	#E47877
66.7%	66.7% #ED8C81	RGB 237 140 129	#ED8C81
83.3%	83.3% #F6A08A	RGB 246 160 138	#F6A08A
100.0%	100.0% #FFB595	RGB 255 181 149	#FFB595

#CA5E7E #D2667B #DB6E79 #E47877 #ED8C81 #F6A08A #FFB595

#CA5E7E - #E47877 - #FFB595

Códigos CSS

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

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