#0084BE - #B2FFCD | 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 #0084BE a #B2FFCD

#0084BE #B2FFCD

Calcule el color entre dos colores, #0084BE y #B2FFCD. 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)

#0084BE - #B2FFCD | 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 #0084BE como 0% y #B2FFCD como 100%.

0.0%	0.0% #0084BE	RGB 0 132 190	#0084BE
16.7%	16.7% #1D98C0	RGB 29 152 192	#1D98C0
33.3%	33.3% #3BADC3	RGB 59 173 195	#3BADC3
50.0%	50.0% #59C1C5	RGB 89 193 197	#59C1C5
66.7%	66.7% #76D6C8	RGB 118 214 200	#76D6C8
83.3%	83.3% #94EACA	RGB 148 234 202	#94EACA
100.0%	100.0% #B2FFCD	RGB 178 255 205	#B2FFCD

#0084BE #1D98C0 #3BADC3 #59C1C5 #76D6C8 #94EACA #B2FFCD

#0084BE - #B2FFCD

Mezcla HSV

#0084BE - #B2FFCD | 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 #0084BE como 0% y #B2FFCD como 100%.

0.0%	0.0% #0083BE	RGB 0 131 190	#0083BE
16.7%	16.7% #17AEC8	RGB 23 174 200	#17AEC8
33.3%	33.3% #31D3D1	RGB 49 211 209	#31D3D1
50.0%	50.0% #4DDEC5	RGB 77 222 197	#4DDEC5
66.7%	66.7% #6CE9C0	RGB 108 233 192	#6CE9C0
83.3%	83.3% #8EF4C2	RGB 142 244 194	#8EF4C2
100.0%	100.0% #B2FFCD	RGB 178 255 205	#B2FFCD

#0083BE #17AEC8 #31D3D1 #4DDEC5 #6CE9C0 #8EF4C2 #B2FFCD

#0084BE - #4DDEC5 - #B2FFCD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0083BE 0%, #4DDEC5 50%, #B2FFCD 100%);
    background: -webkit-linear-gradient(top, #0083BE 0%, #4DDEC5 50%, #B2FFCD 100%);
    background: linear-gradient(to bottom, #0083BE 0%, #4DDEC5 50%, #B2FFCD 100%);
}
</style>