#2E8484 - #C3DBDB | 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 #2E8484 a #C3DBDB

#2E8484 #C3DBDB

Calcule el color entre dos colores, #2E8484 y #C3DBDB. 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)

#2E8484 - #C3DBDB | 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 #2E8484 como 0% y #C3DBDB como 100%.

0.0%	0.0% #2E8484	RGB 46 132 132	#2E8484
16.7%	16.7% #469292	RGB 70 146 146	#469292
33.3%	33.3% #5FA1A1	RGB 95 161 161	#5FA1A1
50.0%	50.0% #78AFAF	RGB 120 175 175	#78AFAF
66.7%	66.7% #91BEBE	RGB 145 190 190	#91BEBE
83.3%	83.3% #AACCCC	RGB 170 204 204	#AACCCC
100.0%	100.0% #C3DBDB	RGB 195 219 219	#C3DBDB

#2E8484 #469292 #5FA1A1 #78AFAF #91BEBE #AACCCC #C3DBDB

#2E8484 - #C3DBDB

Mezcla HSV

#2E8484 - #C3DBDB | 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 #2E8484 como 0% y #C3DBDB como 100%.

0.0%	0.0% #2D8484	RGB 45 132 132	#2D8484
16.7%	16.7% #409292	RGB 64 146 146	#409292
33.3%	33.3% #55A1A1	RGB 85 161 161	#55A1A1
50.0%	50.0% #6CAFAF	RGB 108 175 175	#6CAFAF
66.7%	66.7% #86BEBE	RGB 134 190 190	#86BEBE
83.3%	83.3% #A3CCCC	RGB 163 204 204	#A3CCCC
100.0%	100.0% #C3DBDB	RGB 195 219 219	#C3DBDB

#2D8484 #409292 #55A1A1 #6CAFAF #86BEBE #A3CCCC #C3DBDB

#2E8484 - #6CAFAF - #C3DBDB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D8484 0%, #6CAFAF 50%, #C3DBDB 100%);
    background: -webkit-linear-gradient(top, #2D8484 0%, #6CAFAF 50%, #C3DBDB 100%);
    background: linear-gradient(to bottom, #2D8484 0%, #6CAFAF 50%, #C3DBDB 100%);
}
</style>