#1D8266 - #BEDBD3 | 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 #1D8266 a #BEDBD3

#1D8266 #BEDBD3

Calcule el color entre dos colores, #1D8266 y #BEDBD3. 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)

#1D8266 - #BEDBD3 | 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 #1D8266 como 0% y #BEDBD3 como 100%.

0.0%	0.0% #1D8266	RGB 29 130 102	#1D8266
16.7%	16.7% #379078	RGB 55 144 120	#379078
33.3%	33.3% #529F8A	RGB 82 159 138	#529F8A
50.0%	50.0% #6DAE9C	RGB 109 174 156	#6DAE9C
66.7%	66.7% #88BDAE	RGB 136 189 174	#88BDAE
83.3%	83.3% #A3CCC0	RGB 163 204 192	#A3CCC0
100.0%	100.0% #BEDBD3	RGB 190 219 211	#BEDBD3

#1D8266 #379078 #529F8A #6DAE9C #88BDAE #A3CCC0 #BEDBD3

#1D8266 - #BEDBD3

Mezcla HSV

#1D8266 - #BEDBD3 | 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 #1D8266 como 0% y #BEDBD3 como 100%.

0.0%	0.0% #1D8266	RGB 29 130 102	#1D8266
16.7%	16.7% #2F9075	RGB 47 144 117	#2F9075
33.3%	33.3% #459F86	RGB 69 159 134	#459F86
50.0%	50.0% #5FAE98	RGB 95 174 152	#5FAE98
66.7%	66.7% #7BBDAB	RGB 123 189 171	#7BBDAB
83.3%	83.3% #9BCCBE	RGB 155 204 190	#9BCCBE
100.0%	100.0% #BEDBD3	RGB 190 219 211	#BEDBD3

#1D8266 #2F9075 #459F86 #5FAE98 #7BBDAB #9BCCBE #BEDBD3

#1D8266 - #5FAE98 - #BEDBD3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1D8266 0%, #5FAE98 50%, #BEDBD3 100%);
    background: -webkit-linear-gradient(top, #1D8266 0%, #5FAE98 50%, #BEDBD3 100%);
    background: linear-gradient(to bottom, #1D8266 0%, #5FAE98 50%, #BEDBD3 100%);
}
</style>