#B5E2DD - #60C0AD | 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 #B5E2DD a #60C0AD

#B5E2DD #60C0AD

Calcule el color entre dos colores, #B5E2DD y #60C0AD. 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)

#B5E2DD - #60C0AD | 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 #B5E2DD como 0% y #60C0AD como 100%.

0.0%	0.0% #B5E2DD	RGB 181 226 221	#B5E2DD
16.7%	16.7% #A6DCD5	RGB 166 220 213	#A6DCD5
33.3%	33.3% #98D6CD	RGB 152 214 205	#98D6CD
50.0%	50.0% #8AD1C5	RGB 138 209 197	#8AD1C5
66.7%	66.7% #7CCBBD	RGB 124 203 189	#7CCBBD
83.3%	83.3% #6EC5B5	RGB 110 197 181	#6EC5B5
100.0%	100.0% #60C0AD	RGB 96 192 173	#60C0AD

#B5E2DD #A6DCD5 #98D6CD #8AD1C5 #7CCBBD #6EC5B5 #60C0AD

#B5E2DD - #60C0AD

Mezcla HSV

#B5E2DD - #60C0AD | 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 #B5E2DD como 0% y #60C0AD como 100%.

0.0%	0.0% #B5E2DD	RGB 181 226 221	#B5E2DD
16.7%	16.7% #A5DCD5	RGB 165 220 213	#A5DCD5
33.3%	33.3% #96D6CD	RGB 150 214 205	#96D6CD
50.0%	50.0% #87D1C5	RGB 135 209 197	#87D1C5
66.7%	66.7% #7ACBBD	RGB 122 203 189	#7ACBBD
83.3%	83.3% #6CC5B5	RGB 108 197 181	#6CC5B5
100.0%	100.0% #60C0AD	RGB 96 192 173	#60C0AD

#B5E2DD #A5DCD5 #96D6CD #87D1C5 #7ACBBD #6CC5B5 #60C0AD

#B5E2DD - #87D1C5 - #60C0AD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E2DD 0%, #87D1C5 50%, #60C0AD 100%);
    background: -webkit-linear-gradient(top, #B5E2DD 0%, #87D1C5 50%, #60C0AD 100%);
    background: linear-gradient(to bottom, #B5E2DD 0%, #87D1C5 50%, #60C0AD 100%);
}
</style>