#C7E5E4 - #5AB9B9 | 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 #C7E5E4 a #5AB9B9

#C7E5E4 #5AB9B9

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

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

0.0%	0.0% #C7E5E4	RGB 199 229 228	#C7E5E4
16.7%	16.7% #B4DDDC	RGB 180 221 220	#B4DDDC
33.3%	33.3% #A2D6D5	RGB 162 214 213	#A2D6D5
50.0%	50.0% #90CFCE	RGB 144 207 206	#90CFCE
66.7%	66.7% #7EC7C7	RGB 126 199 199	#7EC7C7
83.3%	83.3% #6CC0C0	RGB 108 192 192	#6CC0C0
100.0%	100.0% #5AB9B9	RGB 90 185 185	#5AB9B9

#C7E5E4 #B4DDDC #A2D6D5 #90CFCE #7EC7C7 #6CC0C0 #5AB9B9

#C7E5E4 - #5AB9B9

Mezcla HSV

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

0.0%	0.0% #C7E5E4	RGB 199 229 228	#C7E5E4
16.7%	16.7% #B2DDDC	RGB 178 221 220	#B2DDDC
33.3%	33.3% #9ED6D5	RGB 158 214 213	#9ED6D5
50.0%	50.0% #8CCFCD	RGB 140 207 205	#8CCFCD
66.7%	66.7% #7AC7C6	RGB 122 199 198	#7AC7C6
83.3%	83.3% #69C0BF	RGB 105 192 191	#69C0BF
100.0%	100.0% #5AB9B9	RGB 90 185 185	#5AB9B9

#C7E5E4 #B2DDDC #9ED6D5 #8CCFCD #7AC7C6 #69C0BF #5AB9B9

#C7E5E4 - #8CCFCD - #5AB9B9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7E5E4 0%, #8CCFCD 50%, #5AB9B9 100%);
    background: -webkit-linear-gradient(top, #C7E5E4 0%, #8CCFCD 50%, #5AB9B9 100%);
    background: linear-gradient(to bottom, #C7E5E4 0%, #8CCFCD 50%, #5AB9B9 100%);
}
</style>