#5ECEAF - #E5EBA9 | 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 #5ECEAF a #E5EBA9

#5ECEAF #E5EBA9

Calcule el color entre dos colores, #5ECEAF y #E5EBA9. 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)

#5ECEAF - #E5EBA9 | 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 #5ECEAF como 0% y #E5EBA9 como 100%.

0.0%	0.0% #5ECEAF	RGB 94 206 175	#5ECEAF
16.7%	16.7% #74D2AE	RGB 116 210 174	#74D2AE
33.3%	33.3% #8BD7AD	RGB 139 215 173	#8BD7AD
50.0%	50.0% #A1DCAC	RGB 161 220 172	#A1DCAC
66.7%	66.7% #B8E1AB	RGB 184 225 171	#B8E1AB
83.3%	83.3% #CEE6AA	RGB 206 230 170	#CEE6AA
100.0%	100.0% #E5EBA9	RGB 229 235 169	#E5EBA9

#5ECEAF #74D2AE #8BD7AD #A1DCAC #B8E1AB #CEE6AA #E5EBA9

#5ECEAF - #E5EBA9

Mezcla HSV

#5ECEAF - #E5EBA9 | 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 #5ECEAF como 0% y #E5EBA9 como 100%.

0.0%	0.0% #5DCEAF	RGB 93 206 175	#5DCEAF
16.7%	16.7% #69D298	RGB 105 210 152	#69D298
33.3%	33.3% #75D786	RGB 117 215 134	#75D786
50.0%	50.0% #8ADC81	RGB 138 220 129	#8ADC81
66.7%	66.7% #ACE18E	RGB 172 225 142	#ACE18E
83.3%	83.3% #CBE69B	RGB 203 230 155	#CBE69B
100.0%	100.0% #E5EBA9	RGB 229 235 169	#E5EBA9

#5DCEAF #69D298 #75D786 #8ADC81 #ACE18E #CBE69B #E5EBA9

#5ECEAF - #8ADC81 - #E5EBA9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5DCEAF 0%, #8ADC81 50%, #E5EBA9 100%);
    background: -webkit-linear-gradient(top, #5DCEAF 0%, #8ADC81 50%, #E5EBA9 100%);
    background: linear-gradient(to bottom, #5DCEAF 0%, #8ADC81 50%, #E5EBA9 100%);
}
</style>