#36DADA - #CFF1B5 | 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 #36DADA a #CFF1B5

#36DADA #CFF1B5

Calcule el color entre dos colores, #36DADA y #CFF1B5. 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)

#36DADA - #CFF1B5 | 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 #36DADA como 0% y #CFF1B5 como 100%.

0.0%	0.0% #36DADA	RGB 54 218 218	#36DADA
16.7%	16.7% #4FDDD3	RGB 79 221 211	#4FDDD3
33.3%	33.3% #69E1CD	RGB 105 225 205	#69E1CD
50.0%	50.0% #82E5C7	RGB 130 229 199	#82E5C7
66.7%	66.7% #9CE9C1	RGB 156 233 193	#9CE9C1
83.3%	83.3% #B5EDBB	RGB 181 237 187	#B5EDBB
100.0%	100.0% #CFF1B5	RGB 207 241 181	#CFF1B5

#36DADA #4FDDD3 #69E1CD #82E5C7 #9CE9C1 #B5EDBB #CFF1B5

#36DADA - #CFF1B5

Mezcla HSV

#36DADA - #CFF1B5 | 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 #36DADA como 0% y #CFF1B5 como 100%.

0.0%	0.0% #36DADA	RGB 54 218 218	#36DADA
16.7%	16.7% #49DDBA	RGB 73 221 186	#49DDBA
33.3%	33.3% #5DE1A2	RGB 93 225 162	#5DE1A2
50.0%	50.0% #72E593	RGB 114 229 147	#72E593
66.7%	66.7% #88E98C	RGB 136 233 140	#88E98C
83.3%	83.3% #ADED9E	RGB 173 237 158	#ADED9E
100.0%	100.0% #CFF1B5	RGB 207 241 181	#CFF1B5

#36DADA #49DDBA #5DE1A2 #72E593 #88E98C #ADED9E #CFF1B5

#36DADA - #72E593 - #CFF1B5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #36DADA 0%, #72E593 50%, #CFF1B5 100%);
    background: -webkit-linear-gradient(top, #36DADA 0%, #72E593 50%, #CFF1B5 100%);
    background: linear-gradient(to bottom, #36DADA 0%, #72E593 50%, #CFF1B5 100%);
}
</style>