#1F8C4D - #BFDECB | 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 #1F8C4D a #BFDECB

#1F8C4D #BFDECB

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

#1F8C4D - #BFDECB | 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 #1F8C4D como 0% y #BFDECB como 100%.

0.0%	0.0% #1F8C4D	RGB 31 140 77	#1F8C4D
16.7%	16.7% #399962	RGB 57 153 98	#399962
33.3%	33.3% #54A777	RGB 84 167 119	#54A777
50.0%	50.0% #6FB58C	RGB 111 181 140	#6FB58C
66.7%	66.7% #89C2A1	RGB 137 194 161	#89C2A1
83.3%	83.3% #A4D0B6	RGB 164 208 182	#A4D0B6
100.0%	100.0% #BFDECB	RGB 191 222 203	#BFDECB

#1F8C4D #399962 #54A777 #6FB58C #89C2A1 #A4D0B6 #BFDECB

#1F8C4D - #BFDECB

Mezcla HSV

#1F8C4D - #BFDECB | 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 #1F8C4D como 0% y #BFDECB como 100%.

0.0%	0.0% #1F8C4C	RGB 31 140 76	#1F8C4C
16.7%	16.7% #32995D	RGB 50 153 93	#32995D
33.3%	33.3% #48A76F	RGB 72 167 111	#48A76F
50.0%	50.0% #61B583	RGB 97 181 131	#61B583
66.7%	66.7% #7EC299	RGB 126 194 153	#7EC299
83.3%	83.3% #9DD0B1	RGB 157 208 177	#9DD0B1
100.0%	100.0% #BFDECB	RGB 191 222 203	#BFDECB

#1F8C4C #32995D #48A76F #61B583 #7EC299 #9DD0B1 #BFDECB

#1F8C4D - #61B583 - #BFDECB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F8C4C 0%, #61B583 50%, #BFDECB 100%);
    background: -webkit-linear-gradient(top, #1F8C4C 0%, #61B583 50%, #BFDECB 100%);
    background: linear-gradient(to bottom, #1F8C4C 0%, #61B583 50%, #BFDECB 100%);
}
</style>