#5ABEB2 - #CFECE9 | 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 #5ABEB2 a #CFECE9

#5ABEB2 #CFECE9

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

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

0.0%	0.0% #5ABEB2	RGB 90 190 178	#5ABEB2
16.7%	16.7% #6DC5BB	RGB 109 197 187	#6DC5BB
33.3%	33.3% #81CDC4	RGB 129 205 196	#81CDC4
50.0%	50.0% #94D5CD	RGB 148 213 205	#94D5CD
66.7%	66.7% #A8DCD6	RGB 168 220 214	#A8DCD6
83.3%	83.3% #BBE4DF	RGB 187 228 223	#BBE4DF
100.0%	100.0% #CFECE9	RGB 207 236 233	#CFECE9

#5ABEB2 #6DC5BB #81CDC4 #94D5CD #A8DCD6 #BBE4DF #CFECE9

#5ABEB2 - #CFECE9

Mezcla HSV

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

0.0%	0.0% #59BEB1	RGB 89 190 177	#59BEB1
16.7%	16.7% #6AC5BB	RGB 106 197 187	#6AC5BB
33.3%	33.3% #7CCDC4	RGB 124 205 196	#7CCDC4
50.0%	50.0% #8FD5CD	RGB 143 213 205	#8FD5CD
66.7%	66.7% #A3DCD6	RGB 163 220 214	#A3DCD6
83.3%	83.3% #B8E4DF	RGB 184 228 223	#B8E4DF
100.0%	100.0% #CFECE9	RGB 207 236 233	#CFECE9

#59BEB1 #6AC5BB #7CCDC4 #8FD5CD #A3DCD6 #B8E4DF #CFECE9

#5ABEB2 - #8FD5CD - #CFECE9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #59BEB1 0%, #8FD5CD 50%, #CFECE9 100%);
    background: -webkit-linear-gradient(top, #59BEB1 0%, #8FD5CD 50%, #CFECE9 100%);
    background: linear-gradient(to bottom, #59BEB1 0%, #8FD5CD 50%, #CFECE9 100%);
}
</style>