#57C288 - #CFEDDD | 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 #57C288 a #CFEDDD

#57C288 #CFEDDD

Calcule el color entre dos colores, #57C288 y #CFEDDD. 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)

#57C288 - #CFEDDD | 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 #57C288 como 0% y #CFEDDD como 100%.

0.0%	0.0% #57C288	RGB 87 194 136	#57C288
16.7%	16.7% #6BC996	RGB 107 201 150	#6BC996
33.3%	33.3% #7FD0A4	RGB 127 208 164	#7FD0A4
50.0%	50.0% #93D7B2	RGB 147 215 178	#93D7B2
66.7%	66.7% #A7DEC0	RGB 167 222 192	#A7DEC0
83.3%	83.3% #BBE5CE	RGB 187 229 206	#BBE5CE
100.0%	100.0% #CFEDDD	RGB 207 237 221	#CFEDDD

#57C288 #6BC996 #7FD0A4 #93D7B2 #A7DEC0 #BBE5CE #CFEDDD

#57C288 - #CFEDDD

Mezcla HSV

#57C288 - #CFEDDD | 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 #57C288 como 0% y #CFEDDD como 100%.

0.0%	0.0% #57C288	RGB 87 194 136	#57C288
16.7%	16.7% #68C994	RGB 104 201 148	#68C994
33.3%	33.3% #7AD0A2	RGB 122 208 162	#7AD0A2
50.0%	50.0% #8ED7B0	RGB 142 215 176	#8ED7B0
66.7%	66.7% #A2DEBE	RGB 162 222 190	#A2DEBE
83.3%	83.3% #B8E5CD	RGB 184 229 205	#B8E5CD
100.0%	100.0% #CFEDDD	RGB 207 237 221	#CFEDDD

#57C288 #68C994 #7AD0A2 #8ED7B0 #A2DEBE #B8E5CD #CFEDDD

#57C288 - #8ED7B0 - #CFEDDD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #57C288 0%, #8ED7B0 50%, #CFEDDD 100%);
    background: -webkit-linear-gradient(top, #57C288 0%, #8ED7B0 50%, #CFEDDD 100%);
    background: linear-gradient(to bottom, #57C288 0%, #8ED7B0 50%, #CFEDDD 100%);
}
</style>