#27A0AD - #C1E3E7 | 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 #27A0AD a #C1E3E7

#27A0AD #C1E3E7

Calcule el color entre dos colores, #27A0AD y #C1E3E7. 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)

#27A0AD - #C1E3E7 | 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 #27A0AD como 0% y #C1E3E7 como 100%.

0.0%	0.0% #27A0AD	RGB 39 160 173	#27A0AD
16.7%	16.7% #40ABB6	RGB 64 171 182	#40ABB6
33.3%	33.3% #5AB6C0	RGB 90 182 192	#5AB6C0
50.0%	50.0% #74C1CA	RGB 116 193 202	#74C1CA
66.7%	66.7% #8DCCD3	RGB 141 204 211	#8DCCD3
83.3%	83.3% #A7D7DD	RGB 167 215 221	#A7D7DD
100.0%	100.0% #C1E3E7	RGB 193 227 231	#C1E3E7

#27A0AD #40ABB6 #5AB6C0 #74C1CA #8DCCD3 #A7D7DD #C1E3E7

#27A0AD - #C1E3E7

Mezcla HSV

#27A0AD - #C1E3E7 | 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 #27A0AD como 0% y #C1E3E7 como 100%.

0.0%	0.0% #27A0AD	RGB 39 160 173	#27A0AD
16.7%	16.7% #3BAAB6	RGB 59 170 182	#3BAAB6
33.3%	33.3% #52B5C0	RGB 82 181 192	#52B5C0
50.0%	50.0% #6BC0CA	RGB 107 192 202	#6BC0CA
66.7%	66.7% #85CBD3	RGB 133 203 211	#85CBD3
83.3%	83.3% #A2D7DD	RGB 162 215 221	#A2D7DD
100.0%	100.0% #C1E3E7	RGB 193 227 231	#C1E3E7

#27A0AD #3BAAB6 #52B5C0 #6BC0CA #85CBD3 #A2D7DD #C1E3E7

#27A0AD - #6BC0CA - #C1E3E7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #27A0AD 0%, #6BC0CA 50%, #C1E3E7 100%);
    background: -webkit-linear-gradient(top, #27A0AD 0%, #6BC0CA 50%, #C1E3E7 100%);
    background: linear-gradient(to bottom, #27A0AD 0%, #6BC0CA 50%, #C1E3E7 100%);
}
</style>