#962D00 - #ED94B9 | 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 #962D00 a #ED94B9

#962D00 #ED94B9

Calcule el color entre dos colores, #962D00 y #ED94B9. 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)

#962D00 - #ED94B9 | 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 #962D00 como 0% y #ED94B9 como 100%.

0.0%	0.0% #962D00	RGB 150 45 0	#962D00
16.7%	16.7% #A43E1E	RGB 164 62 30	#A43E1E
33.3%	33.3% #B34F3D	RGB 179 79 61	#B34F3D
50.0%	50.0% #C1605C	RGB 193 96 92	#C1605C
66.7%	66.7% #D0717B	RGB 208 113 123	#D0717B
83.3%	83.3% #DE829A	RGB 222 130 154	#DE829A
100.0%	100.0% #ED94B9	RGB 237 148 185	#ED94B9

#962D00 #A43E1E #B34F3D #C1605C #D0717B #DE829A #ED94B9

#962D00 - #ED94B9

Mezcla HSV

#962D00 - #ED94B9 | 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 #962D00 como 0% y #ED94B9 como 100%.

0.0%	0.0% #962D00	RGB 150 45 0	#962D00
16.7%	16.7% #A42B11	RGB 164 43 17	#A42B11
33.3%	33.3% #B32D25	RGB 179 45 37	#B32D25
50.0%	50.0% #C13C44	RGB 193 60 68	#C13C44
66.7%	66.7% #D0566C	RGB 208 86 108	#D0566C
83.3%	83.3% #DE7393	RGB 222 115 147	#DE7393
100.0%	100.0% #ED94B9	RGB 237 148 185	#ED94B9

#962D00 #A42B11 #B32D25 #C13C44 #D0566C #DE7393 #ED94B9

#962D00 - #C13C44 - #ED94B9

Códigos CSS

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

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