#B2D0CD - #5EADA5 | 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 #B2D0CD a #5EADA5

#B2D0CD #5EADA5

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

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

0.0%	0.0% #B2D0CD	RGB 178 208 205	#B2D0CD
16.7%	16.7% #A4CAC6	RGB 164 202 198	#A4CAC6
33.3%	33.3% #96C4BF	RGB 150 196 191	#96C4BF
50.0%	50.0% #88BEB9	RGB 136 190 185	#88BEB9
66.7%	66.7% #7AB8B2	RGB 122 184 178	#7AB8B2
83.3%	83.3% #6CB2AB	RGB 108 178 171	#6CB2AB
100.0%	100.0% #5EADA5	RGB 94 173 165	#5EADA5

#B2D0CD #A4CAC6 #96C4BF #88BEB9 #7AB8B2 #6CB2AB #5EADA5

#B2D0CD - #5EADA5

Mezcla HSV

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

0.0%	0.0% #B2D0CD	RGB 178 208 205	#B2D0CD
16.7%	16.7% #A2CAC6	RGB 162 202 198	#A2CAC6
33.3%	33.3% #93C4BF	RGB 147 196 191	#93C4BF
50.0%	50.0% #85BEB8	RGB 133 190 184	#85BEB8
66.7%	66.7% #77B8B2	RGB 119 184 178	#77B8B2
83.3%	83.3% #6AB2AB	RGB 106 178 171	#6AB2AB
100.0%	100.0% #5EADA5	RGB 94 173 165	#5EADA5

#B2D0CD #A2CAC6 #93C4BF #85BEB8 #77B8B2 #6AB2AB #5EADA5

#B2D0CD - #85BEB8 - #5EADA5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2D0CD 0%, #85BEB8 50%, #5EADA5 100%);
    background: -webkit-linear-gradient(top, #B2D0CD 0%, #85BEB8 50%, #5EADA5 100%);
    background: linear-gradient(to bottom, #B2D0CD 0%, #85BEB8 50%, #5EADA5 100%);
}
</style>