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

#5DB2B2 #C3DDAB

Calcule el color entre dos colores, #5DB2B2 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)

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

0.0%	0.0% #5DB2B2	RGB 93 178 178	#5DB2B2
16.7%	16.7% #6EB9B0	RGB 110 185 176	#6EB9B0
33.3%	33.3% #7FC0AF	RGB 127 192 175	#7FC0AF
50.0%	50.0% #90C7AE	RGB 144 199 174	#90C7AE
66.7%	66.7% #A1CEAD	RGB 161 206 173	#A1CEAD
83.3%	83.3% #B2D5AC	RGB 178 213 172	#B2D5AC
100.0%	100.0% #C3DDAB	RGB 195 221 171	#C3DDAB

#5DB2B2 #6EB9B0 #7FC0AF #90C7AE #A1CEAD #B2D5AC #C3DDAB

#5DB2B2 - #C3DDAB

Mezcla HSV

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

0.0%	0.0% #5DB2B2	RGB 93 178 178	#5DB2B2
16.7%	16.7% #68B9A5	RGB 104 185 165	#68B9A5
33.3%	33.3% #74C09A	RGB 116 192 154	#74C09A
50.0%	50.0% #81C793	RGB 129 199 147	#81C793
66.7%	66.7% #8ECE8F	RGB 142 206 143	#8ECE8F
83.3%	83.3% #A9D59C	RGB 169 213 156	#A9D59C
100.0%	100.0% #C3DDAB	RGB 195 221 171	#C3DDAB

#5DB2B2 #68B9A5 #74C09A #81C793 #8ECE8F #A9D59C #C3DDAB

#5DB2B2 - #81C793 - #C3DDAB

Códigos CSS

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

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