#78CECE - #D0E1B8 | 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 #78CECE a #D0E1B8

#78CECE #D0E1B8

Calcule el color entre dos colores, #78CECE y #D0E1B8. 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)

#78CECE - #D0E1B8 | 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 #78CECE como 0% y #D0E1B8 como 100%.

0.0%	0.0% #78CECE	RGB 120 206 206	#78CECE
16.7%	16.7% #86D1CA	RGB 134 209 202	#86D1CA
33.3%	33.3% #95D4C6	RGB 149 212 198	#95D4C6
50.0%	50.0% #A4D7C3	RGB 164 215 195	#A4D7C3
66.7%	66.7% #B2DABF	RGB 178 218 191	#B2DABF
83.3%	83.3% #C1DDBB	RGB 193 221 187	#C1DDBB
100.0%	100.0% #D0E1B8	RGB 208 225 184	#D0E1B8

#78CECE #86D1CA #95D4C6 #A4D7C3 #B2DABF #C1DDBB #D0E1B8

#78CECE - #D0E1B8

Mezcla HSV

#78CECE - #D0E1B8 | 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 #78CECE como 0% y #D0E1B8 como 100%.

0.0%	0.0% #78CECE	RGB 120 206 206	#78CECE
16.7%	16.7% #82D1BC	RGB 130 209 188	#82D1BC
33.3%	33.3% #8CD4AE	RGB 140 212 174	#8CD4AE
50.0%	50.0% #96D7A4	RGB 150 215 164	#96D7A4
66.7%	66.7% #A4DAA1	RGB 164 218 161	#A4DAA1
83.3%	83.3% #BCDDAC	RGB 188 221 172	#BCDDAC
100.0%	100.0% #D0E1B8	RGB 208 225 184	#D0E1B8

#78CECE #82D1BC #8CD4AE #96D7A4 #A4DAA1 #BCDDAC #D0E1B8

#78CECE - #96D7A4 - #D0E1B8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #78CECE 0%, #96D7A4 50%, #D0E1B8 100%);
    background: -webkit-linear-gradient(top, #78CECE 0%, #96D7A4 50%, #D0E1B8 100%);
    background: linear-gradient(to bottom, #78CECE 0%, #96D7A4 50%, #D0E1B8 100%);
}
</style>