#4BBBBB - #C5E4AF | 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 #4BBBBB a #C5E4AF

#4BBBBB #C5E4AF

Calcule el color entre dos colores, #4BBBBB y #C5E4AF. 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)

#4BBBBB - #C5E4AF | 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 #4BBBBB como 0% y #C5E4AF como 100%.

0.0%	0.0% #4BBBBB	RGB 75 187 187	#4BBBBB
16.7%	16.7% #5FC1B9	RGB 95 193 185	#5FC1B9
33.3%	33.3% #73C8B7	RGB 115 200 183	#73C8B7
50.0%	50.0% #88CFB5	RGB 136 207 181	#88CFB5
66.7%	66.7% #9CD6B3	RGB 156 214 179	#9CD6B3
83.3%	83.3% #B0DDB1	RGB 176 221 177	#B0DDB1
100.0%	100.0% #C5E4AF	RGB 197 228 175	#C5E4AF

#4BBBBB #5FC1B9 #73C8B7 #88CFB5 #9CD6B3 #B0DDB1 #C5E4AF

#4BBBBB - #C5E4AF

Mezcla HSV

#4BBBBB - #C5E4AF | 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 #4BBBBB como 0% y #C5E4AF como 100%.

0.0%	0.0% #4BBBBB	RGB 75 187 187	#4BBBBB
16.7%	16.7% #59C1A9	RGB 89 193 169	#59C1A9
33.3%	33.3% #68C89B	RGB 104 200 155	#68C89B
50.0%	50.0% #79CF92	RGB 121 207 146	#79CF92
66.7%	66.7% #8AD68E	RGB 138 214 142	#8AD68E
83.3%	83.3% #A7DD9C	RGB 167 221 156	#A7DD9C
100.0%	100.0% #C5E4AF	RGB 197 228 175	#C5E4AF

#4BBBBB #59C1A9 #68C89B #79CF92 #8AD68E #A7DD9C #C5E4AF

#4BBBBB - #79CF92 - #C5E4AF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4BBBBB 0%, #79CF92 50%, #C5E4AF 100%);
    background: -webkit-linear-gradient(top, #4BBBBB 0%, #79CF92 50%, #C5E4AF 100%);
    background: linear-gradient(to bottom, #4BBBBB 0%, #79CF92 50%, #C5E4AF 100%);
}
</style>