#D9FEC7 - #3E4838 | 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 #D9FEC7 a #3E4838

#D9FEC7 #3E4838

Calcule el color entre dos colores, #D9FEC7 y #3E4838. 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)

#D9FEC7 - #3E4838 | 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 #D9FEC7 como 0% y #3E4838 como 100%.

0.0%	0.0% #D9FEC7	RGB 217 254 199	#D9FEC7
16.7%	16.7% #BFDFAF	RGB 191 223 175	#BFDFAF
33.3%	33.3% #A5C197	RGB 165 193 151	#A5C197
50.0%	50.0% #8BA37F	RGB 139 163 127	#8BA37F
66.7%	66.7% #718467	RGB 113 132 103	#718467
83.3%	83.3% #57664F	RGB 87 102 79	#57664F
100.0%	100.0% #3E4838	RGB 62 72 56	#3E4838

#D9FEC7 #BFDFAF #A5C197 #8BA37F #718467 #57664F #3E4838

#D9FEC7 - #3E4838

Mezcla HSV

#D9FEC7 - #3E4838 | 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 #D9FEC7 como 0% y #3E4838 como 100%.

0.0%	0.0% #D9FEC7	RGB 217 254 199	#D9FEC7
16.7%	16.7% #BFDFAF	RGB 191 223 175	#BFDFAF
33.3%	33.3% #A5C197	RGB 165 193 151	#A5C197
50.0%	50.0% #8BA37F	RGB 139 163 127	#8BA37F
66.7%	66.7% #718467	RGB 113 132 103	#718467
83.3%	83.3% #58664F	RGB 88 102 79	#58664F
100.0%	100.0% #3E4838	RGB 62 72 56	#3E4838

#D9FEC7 #BFDFAF #A5C197 #8BA37F #718467 #58664F #3E4838

#D9FEC7 - #8BA37F - #3E4838

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D9FEC7 0%, #8BA37F 50%, #3E4838 100%);
    background: -webkit-linear-gradient(top, #D9FEC7 0%, #8BA37F 50%, #3E4838 100%);
    background: linear-gradient(to bottom, #D9FEC7 0%, #8BA37F 50%, #3E4838 100%);
}
</style>