#009EE3 - #B3FFB6 | 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 #009EE3 a #B3FFB6

#009EE3 #B3FFB6

Calcule el color entre dos colores, #009EE3 y #B3FFB6. 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)

#009EE3 - #B3FFB6 | 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 #009EE3 como 0% y #B3FFB6 como 100%.

0.0%	0.0% #009EE3	RGB 0 158 227	#009EE3
16.7%	16.7% #1DAEDB	RGB 29 174 219	#1DAEDB
33.3%	33.3% #3BBED4	RGB 59 190 212	#3BBED4
50.0%	50.0% #59CECC	RGB 89 206 204	#59CECC
66.7%	66.7% #77DEC5	RGB 119 222 197	#77DEC5
83.3%	83.3% #95EEBD	RGB 149 238 189	#95EEBD
100.0%	100.0% #B3FFB6	RGB 179 255 182	#B3FFB6

#009EE3 #1DAEDB #3BBED4 #59CECC #77DEC5 #95EEBD #B3FFB6

#009EE3 - #B3FFB6

Mezcla HSV

#009EE3 - #B3FFB6 | 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 #009EE3 como 0% y #B3FFB6 como 100%.

0.0%	0.0% #009EE3	RGB 0 158 227	#009EE3
16.7%	16.7% #1BD4E7	RGB 27 212 231	#1BD4E7
33.3%	33.3% #37ECD7	RGB 55 236 215	#37ECD7
50.0%	50.0% #54F1BD	RGB 84 241 189	#54F1BD
66.7%	66.7% #72F5AF	RGB 114 245 175	#72F5AF
83.3%	83.3% #92FAAC	RGB 146 250 172	#92FAAC
100.0%	100.0% #B3FFB6	RGB 179 255 182	#B3FFB6

#009EE3 #1BD4E7 #37ECD7 #54F1BD #72F5AF #92FAAC #B3FFB6

#009EE3 - #54F1BD - #B3FFB6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009EE3 0%, #54F1BD 50%, #B3FFB6 100%);
    background: -webkit-linear-gradient(top, #009EE3 0%, #54F1BD 50%, #B3FFB6 100%);
    background: linear-gradient(to bottom, #009EE3 0%, #54F1BD 50%, #B3FFB6 100%);
}
</style>