#C7E3E2 - #5AB6B6 | 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 #C7E3E2 a #5AB6B6

#C7E3E2 #5AB6B6

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

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

0.0%	0.0% #C7E3E2	RGB 199 227 226	#C7E3E2
16.7%	16.7% #B4DBDA	RGB 180 219 218	#B4DBDA
33.3%	33.3% #A2D4D3	RGB 162 212 211	#A2D4D3
50.0%	50.0% #90CCCC	RGB 144 204 204	#90CCCC
66.7%	66.7% #7EC5C4	RGB 126 197 196	#7EC5C4
83.3%	83.3% #6CBDBD	RGB 108 189 189	#6CBDBD
100.0%	100.0% #5AB6B6	RGB 90 182 182	#5AB6B6

#C7E3E2 #B4DBDA #A2D4D3 #90CCCC #7EC5C4 #6CBDBD #5AB6B6

#C7E3E2 - #5AB6B6

Mezcla HSV

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

0.0%	0.0% #C7E3E2	RGB 199 227 226	#C7E3E2
16.7%	16.7% #B2DBDA	RGB 178 219 218	#B2DBDA
33.3%	33.3% #9ED4D2	RGB 158 212 210	#9ED4D2
50.0%	50.0% #8CCCCB	RGB 140 204 203	#8CCCCB
66.7%	66.7% #7AC5C4	RGB 122 197 196	#7AC5C4
83.3%	83.3% #69BDBD	RGB 105 189 189	#69BDBD
100.0%	100.0% #5AB6B6	RGB 90 182 182	#5AB6B6

#C7E3E2 #B2DBDA #9ED4D2 #8CCCCB #7AC5C4 #69BDBD #5AB6B6

#C7E3E2 - #8CCCCB - #5AB6B6

Códigos CSS

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

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