#5E3E4D - #CF6393 | 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 #5E3E4D a #CF6393

#5E3E4D #CF6393

Calcule el color entre dos colores, #5E3E4D y #CF6393. 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)

#5E3E4D - #CF6393 | 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 #5E3E4D como 0% y #CF6393 como 100%.

0.0%	0.0% #5E3E4D	RGB 94 62 77	#5E3E4D
16.7%	16.7% #704458	RGB 112 68 88	#704458
33.3%	33.3% #834A64	RGB 131 74 100	#834A64
50.0%	50.0% #965070	RGB 150 80 112	#965070
66.7%	66.7% #A9567B	RGB 169 86 123	#A9567B
83.3%	83.3% #BC5C87	RGB 188 92 135	#BC5C87
100.0%	100.0% #CF6393	RGB 207 99 147	#CF6393

#5E3E4D #704458 #834A64 #965070 #A9567B #BC5C87 #CF6393

#5E3E4D - #CF6393

Mezcla HSV

#5E3E4D - #CF6393 | 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 #5E3E4D como 0% y #CF6393 como 100%.

0.0%	0.0% #5E3E4D	RGB 94 62 77	#5E3E4D
16.7%	16.7% #70475A	RGB 112 71 90	#70475A
33.3%	33.3% #834E67	RGB 131 78 103	#834E67
50.0%	50.0% #965573	RGB 150 85 115	#965573
66.7%	66.7% #A95B7E	RGB 169 91 126	#A95B7E
83.3%	83.3% #BC5F89	RGB 188 95 137	#BC5F89
100.0%	100.0% #CF6393	RGB 207 99 147	#CF6393

#5E3E4D #70475A #834E67 #965573 #A95B7E #BC5F89 #CF6393

#5E3E4D - #965573 - #CF6393

Códigos CSS

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

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