#5AB1B1 - #C3DDAB | 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 #5AB1B1 a #C3DDAB

#5AB1B1 #C3DDAB

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

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

0.0%	0.0% #5AB1B1	RGB 90 177 177	#5AB1B1
16.7%	16.7% #6BB8B0	RGB 107 184 176	#6BB8B0
33.3%	33.3% #7DBFAF	RGB 125 191 175	#7DBFAF
50.0%	50.0% #8EC7AE	RGB 142 199 174	#8EC7AE
66.7%	66.7% #A0CEAD	RGB 160 206 173	#A0CEAD
83.3%	83.3% #B1D5AC	RGB 177 213 172	#B1D5AC
100.0%	100.0% #C3DDAB	RGB 195 221 171	#C3DDAB

#5AB1B1 #6BB8B0 #7DBFAF #8EC7AE #A0CEAD #B1D5AC #C3DDAB

#5AB1B1 - #C3DDAB

Mezcla HSV

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

0.0%	0.0% #5AB1B1	RGB 90 177 177	#5AB1B1
16.7%	16.7% #65B8A3	RGB 101 184 163	#65B8A3
33.3%	33.3% #72BF99	RGB 114 191 153	#72BF99
50.0%	50.0% #7FC792	RGB 127 199 146	#7FC792
66.7%	66.7% #8DCE8E	RGB 141 206 142	#8DCE8E
83.3%	83.3% #A9D59B	RGB 169 213 155	#A9D59B
100.0%	100.0% #C3DDAB	RGB 195 221 171	#C3DDAB

#5AB1B1 #65B8A3 #72BF99 #7FC792 #8DCE8E #A9D59B #C3DDAB

#5AB1B1 - #7FC792 - #C3DDAB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5AB1B1 0%, #7FC792 50%, #C3DDAB 100%);
    background: -webkit-linear-gradient(top, #5AB1B1 0%, #7FC792 50%, #C3DDAB 100%);
    background: linear-gradient(to bottom, #5AB1B1 0%, #7FC792 50%, #C3DDAB 100%);
}
</style>