#4EBDAB - #D3E7A8 | 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 #4EBDAB a #D3E7A8

#4EBDAB #D3E7A8

Calcule el color entre dos colores, #4EBDAB y #D3E7A8. 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)

#4EBDAB - #D3E7A8 | 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 #4EBDAB como 0% y #D3E7A8 como 100%.

0.0%	0.0% #4EBDAB	RGB 78 189 171	#4EBDAB
16.7%	16.7% #64C4AA	RGB 100 196 170	#64C4AA
33.3%	33.3% #7ACBAA	RGB 122 203 170	#7ACBAA
50.0%	50.0% #90D2A9	RGB 144 210 169	#90D2A9
66.7%	66.7% #A6D9A9	RGB 166 217 169	#A6D9A9
83.3%	83.3% #BCE0A8	RGB 188 224 168	#BCE0A8
100.0%	100.0% #D3E7A8	RGB 211 231 168	#D3E7A8

#4EBDAB #64C4AA #7ACBAA #90D2A9 #A6D9A9 #BCE0A8 #D3E7A8

#4EBDAB - #D3E7A8

Mezcla HSV

#4EBDAB - #D3E7A8 | 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 #4EBDAB como 0% y #D3E7A8 como 100%.

0.0%	0.0% #4EBDAB	RGB 78 189 171	#4EBDAB
16.7%	16.7% #5BC498	RGB 91 196 152	#5BC498
33.3%	33.3% #69CB89	RGB 105 203 137	#69CB89
50.0%	50.0% #77D27E	RGB 119 210 126	#77D27E
66.7%	66.7% #95D987	RGB 149 217 135	#95D987
83.3%	83.3% #B6E097	RGB 182 224 151	#B6E097
100.0%	100.0% #D3E7A8	RGB 211 231 168	#D3E7A8

#4EBDAB #5BC498 #69CB89 #77D27E #95D987 #B6E097 #D3E7A8

#4EBDAB - #77D27E - #D3E7A8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4EBDAB 0%, #77D27E 50%, #D3E7A8 100%);
    background: -webkit-linear-gradient(top, #4EBDAB 0%, #77D27E 50%, #D3E7A8 100%);
    background: linear-gradient(to bottom, #4EBDAB 0%, #77D27E 50%, #D3E7A8 100%);
}
</style>