#BBF0AF - #69DA5E | 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 #BBF0AF a #69DA5E

#BBF0AF #69DA5E

Calcule el color entre dos colores, #BBF0AF y #69DA5E. 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)

#BBF0AF - #69DA5E | 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 #BBF0AF como 0% y #69DA5E como 100%.

0.0%	0.0% #BBF0AF	RGB 187 240 175	#BBF0AF
16.7%	16.7% #ADECA1	RGB 173 236 161	#ADECA1
33.3%	33.3% #9FE894	RGB 159 232 148	#9FE894
50.0%	50.0% #92E586	RGB 146 229 134	#92E586
66.7%	66.7% #84E179	RGB 132 225 121	#84E179
83.3%	83.3% #76DD6B	RGB 118 221 107	#76DD6B
100.0%	100.0% #69DA5E	RGB 105 218 94	#69DA5E

#BBF0AF #ADECA1 #9FE894 #92E586 #84E179 #76DD6B #69DA5E

#BBF0AF - #69DA5E

Mezcla HSV

#BBF0AF - #69DA5E | 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 #BBF0AF como 0% y #69DA5E como 100%.

0.0%	0.0% #BBF0AF	RGB 187 240 175	#BBF0AF
16.7%	16.7% #ADECA0	RGB 173 236 160	#ADECA0
33.3%	33.3% #9FE892	RGB 159 232 146	#9FE892
50.0%	50.0% #91E584	RGB 145 229 132	#91E584
66.7%	66.7% #84E177	RGB 132 225 119	#84E177
83.3%	83.3% #76DD6A	RGB 118 221 106	#76DD6A
100.0%	100.0% #69DA5E	RGB 105 218 94	#69DA5E

#BBF0AF #ADECA0 #9FE892 #91E584 #84E177 #76DD6A #69DA5E

#BBF0AF - #91E584 - #69DA5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBF0AF 0%, #91E584 50%, #69DA5E 100%);
    background: -webkit-linear-gradient(top, #BBF0AF 0%, #91E584 50%, #69DA5E 100%);
    background: linear-gradient(to bottom, #BBF0AF 0%, #91E584 50%, #69DA5E 100%);
}
</style>