#36B5B5 - #BEE8AE | 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 #36B5B5 a #BEE8AE

#36B5B5 #BEE8AE

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

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

0.0%	0.0% #36B5B5	RGB 54 181 181	#36B5B5
16.7%	16.7% #4CBDB3	RGB 76 189 179	#4CBDB3
33.3%	33.3% #63C6B2	RGB 99 198 178	#63C6B2
50.0%	50.0% #7ACEB1	RGB 122 206 177	#7ACEB1
66.7%	66.7% #90D7B0	RGB 144 215 176	#90D7B0
83.3%	83.3% #A7DFAF	RGB 167 223 175	#A7DFAF
100.0%	100.0% #BEE8AE	RGB 190 232 174	#BEE8AE

#36B5B5 #4CBDB3 #63C6B2 #7ACEB1 #90D7B0 #A7DFAF #BEE8AE

#36B5B5 - #BEE8AE

Mezcla HSV

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

0.0%	0.0% #36B5B5	RGB 54 181 181	#36B5B5
16.7%	16.7% #46BDA4	RGB 70 189 164	#46BDA4
33.3%	33.3% #58C697	RGB 88 198 151	#58C697
50.0%	50.0% #6CCE8F	RGB 108 206 143	#6CCE8F
66.7%	66.7% #80D78D	RGB 128 215 141	#80D78D
83.3%	83.3% #9BDF96	RGB 155 223 150	#9BDF96
100.0%	100.0% #BEE8AE	RGB 190 232 174	#BEE8AE

#36B5B5 #46BDA4 #58C697 #6CCE8F #80D78D #9BDF96 #BEE8AE

#36B5B5 - #6CCE8F - #BEE8AE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #36B5B5 0%, #6CCE8F 50%, #BEE8AE 100%);
    background: -webkit-linear-gradient(top, #36B5B5 0%, #6CCE8F 50%, #BEE8AE 100%);
    background: linear-gradient(to bottom, #36B5B5 0%, #6CCE8F 50%, #BEE8AE 100%);
}
</style>