#00DBC3 - #DCFFAF | 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 #00DBC3 a #DCFFAF

#00DBC3 #DCFFAF

Calcule el color entre dos colores, #00DBC3 y #DCFFAF. 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)

#00DBC3 - #DCFFAF | 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 #00DBC3 como 0% y #DCFFAF como 100%.

0.0%	0.0% #00DBC3	RGB 0 219 195	#00DBC3
16.7%	16.7% #24E1BF	RGB 36 225 191	#24E1BF
33.3%	33.3% #49E7BC	RGB 73 231 188	#49E7BC
50.0%	50.0% #6EEDB9	RGB 110 237 185	#6EEDB9
66.7%	66.7% #92F3B5	RGB 146 243 181	#92F3B5
83.3%	83.3% #B7F9B2	RGB 183 249 178	#B7F9B2
100.0%	100.0% #DCFFAF	RGB 220 255 175	#DCFFAF

#00DBC3 #24E1BF #49E7BC #6EEDB9 #92F3B5 #B7F9B2 #DCFFAF

#00DBC3 - #DCFFAF

Mezcla HSV

#00DBC3 - #DCFFAF | 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 #00DBC3 como 0% y #DCFFAF como 100%.

0.0%	0.0% #00DBC3	RGB 0 219 195	#00DBC3
16.7%	16.7% #19E19A	RGB 25 225 154	#19E19A
33.3%	33.3% #34E77D	RGB 52 231 125	#34E77D
50.0%	50.0% #51ED6A	RGB 81 237 106	#51ED6A
66.7%	66.7% #79F36F	RGB 121 243 111	#79F36F
83.3%	83.3% #B0F98E	RGB 176 249 142	#B0F98E
100.0%	100.0% #DCFFAF	RGB 220 255 175	#DCFFAF

#00DBC3 #19E19A #34E77D #51ED6A #79F36F #B0F98E #DCFFAF

#00DBC3 - #51ED6A - #DCFFAF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00DBC3 0%, #51ED6A 50%, #DCFFAF 100%);
    background: -webkit-linear-gradient(top, #00DBC3 0%, #51ED6A 50%, #DCFFAF 100%);
    background: linear-gradient(to bottom, #00DBC3 0%, #51ED6A 50%, #DCFFAF 100%);
}
</style>