#1D8266 - #08251D | 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 #1D8266 a #08251D

#1D8266 #08251D

Calcule el color entre dos colores, #1D8266 y #08251D. 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)

#1D8266 - #08251D | 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 #1D8266 como 0% y #08251D como 100%.

0.0%	0.0% #1D8266	RGB 29 130 102	#1D8266
16.7%	16.7% #197259	RGB 25 114 89	#197259
33.3%	33.3% #16634D	RGB 22 99 77	#16634D
50.0%	50.0% #125341	RGB 18 83 65	#125341
66.7%	66.7% #0F4435	RGB 15 68 53	#0F4435
83.3%	83.3% #0B3429	RGB 11 52 41	#0B3429
100.0%	100.0% #08251D	RGB 8 37 29	#08251D

#1D8266 #197259 #16634D #125341 #0F4435 #0B3429 #08251D

#1D8266 - #08251D

Mezcla HSV

#1D8266 - #08251D | 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 #1D8266 como 0% y #08251D como 100%.

0.0%	0.0% #1D8266	RGB 29 130 102	#1D8266
16.7%	16.7% #197259	RGB 25 114 89	#197259
33.3%	33.3% #15634D	RGB 21 99 77	#15634D
50.0%	50.0% #125341	RGB 18 83 65	#125341
66.7%	66.7% #0E4435	RGB 14 68 53	#0E4435
83.3%	83.3% #0B3429	RGB 11 52 41	#0B3429
100.0%	100.0% #08251D	RGB 8 37 29	#08251D

#1D8266 #197259 #15634D #125341 #0E4435 #0B3429 #08251D

#1D8266 - #125341 - #08251D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1D8266 0%, #125341 50%, #08251D 100%);
    background: -webkit-linear-gradient(top, #1D8266 0%, #125341 50%, #08251D 100%);
    background: linear-gradient(to bottom, #1D8266 0%, #125341 50%, #08251D 100%);
}
</style>