#5CCEAB - #E8ECA7 | 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 #5CCEAB a #E8ECA7

#5CCEAB #E8ECA7

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

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

0.0%	0.0% #5CCEAB	RGB 92 206 171	#5CCEAB
16.7%	16.7% #73D3AA	RGB 115 211 170	#73D3AA
33.3%	33.3% #8AD8A9	RGB 138 216 169	#8AD8A9
50.0%	50.0% #A2DDA9	RGB 162 221 169	#A2DDA9
66.7%	66.7% #B9E2A8	RGB 185 226 168	#B9E2A8
83.3%	83.3% #D0E7A7	RGB 208 231 167	#D0E7A7
100.0%	100.0% #E8ECA7	RGB 232 236 167	#E8ECA7

#5CCEAB #73D3AA #8AD8A9 #A2DDA9 #B9E2A8 #D0E7A7 #E8ECA7

#5CCEAB - #E8ECA7

Mezcla HSV

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

0.0%	0.0% #5CCEAB	RGB 92 206 171	#5CCEAB
16.7%	16.7% #67D394	RGB 103 211 148	#67D394
33.3%	33.3% #73D882	RGB 115 216 130	#73D882
50.0%	50.0% #8BDD7F	RGB 139 221 127	#8BDD7F
66.7%	66.7% #AEE28C	RGB 174 226 140	#AEE28C
83.3%	83.3% #CDE799	RGB 205 231 153	#CDE799
100.0%	100.0% #E8ECA7	RGB 232 236 167	#E8ECA7

#5CCEAB #67D394 #73D882 #8BDD7F #AEE28C #CDE799 #E8ECA7

#5CCEAB - #8BDD7F - #E8ECA7

Códigos CSS

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

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